学做网站培训课程介绍

当前位置:

如何让网站文章中的图片自动居中

我们在做网站时,内容中少不了发图片,正常情况下,发布图片后图片是自动靠左对齐。甚至图片会紧随前面文字的后面,与文字处于一行。当然我们在发文章时,也可以给每张图片加一个居中的属性。

如何让网站文章中的图片自动居中

但这种方法特别麻烦,所以我们在做网站时,可以通过html视频教程中讲的CSS设置一次性的让让网站文章中的图片自动居中。

1、首先确立网站文章的所在的页面所在的DIV,例如.content

2、在网站的CSS文件中加入以下的属性:

.content img{display:block;margin:10px auto;max-width:100%;height:auto;}

3、上面的.content要替换成自己网站的DIV名。这样文章中上传图片时,图片就会自动居中。

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

相关教程

  • 在做网站过程中,如果想在一张网页上实现图片加文字的格式,就需要通过Dreamweaver CS6破解版软件设置背景图片。可以在网页上添加背景图片,然后
  • 各位同学大家好,我是学做网站论坛的建站会员广东崔磊。很感谢论坛老师在我学习网站制作课程期间,对我的辅导帮助。现在在这里我想给同学做分享一
  • 经常更换wordpress主题,会有一个困扰,就是之前主题的内容区域宽度比较大,很多正文图片的尺寸可能是500px,而换了一个主题,内容区域的宽度比较小,
  • 在日常上网过程中,复制,粘贴是特别寻常不过的了,有时我们在某一网站复制后,粘贴到别的地方时,它会自己加上它网站的一个版权信息链接。比如:此文章转
  • 在网站布局过程中,运用div+css的布局是特别有利的,通常我们需要对一个div层进行居中处理,那么如何通过css属性对它进行控制呢:下面分享一个建网页
  • 欢迎大家学习学做网站论坛的CSS视频教程,这节课程我们讲一下CSS控制文字水平居中、垂直居中。CSS控制文字水平居中,需要使用text-align属性,其