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

2018-11-01    来源:学做网站论坛

容器云强势上线!快速搭建集群,上万Linux镜像随意使用

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

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

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

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

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

.content p img{display:block;margin:10px auto;}

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

标签: isp

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点!
本站所提供的图片等素材,版权归原作者所有,如需使用,请与原作者联系。

上一篇:如何设置网站背景颜色与主体背景不同

下一篇:如何屏蔽网站中的谷歌字体