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

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

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

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

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

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

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

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

相关教程

Dreamweaver 如何添加网页图片热区链接 (111819 次浏览)

以下是学做网站论坛关于《Dreamweaver 如何添加网页图片热区链接》视频教程。
如何给网页添加背景图片 (1117457 次浏览)

使用DW软件给网页添加背景图片的步骤：启动Dreamweaver程序，新建一个新的HTML文档，将文档保存到电脑的适当位置。单击属性栏中的“属性
Wordpress实现复制文章自动加版权信息 (123425 次浏览)

在日常上网过程中,复制,粘贴是特别寻常不过的了,有时我们在某一网站复制后,粘贴到别的地方时,它会自己加上它网站的一个版权信息链接。比如：此文章转
wordpress网站后台发布文章后自动添加代码的原因 (111308 次浏览)

近期，有一些学做网站论坛的学员反映，当他们在wordpress网站的后台发布文章后，点击编辑器的HTML模式，会发现在文章的下面出现了一段无名的代码。代
CSS控制文字水平居中、垂直居中 (112972 次浏览)

欢迎大家学习学做网站论坛的CSS视频教程，这节课程我们讲一下CSS控制文字水平居中、垂直居中。CSS控制文字水平居中，需要使用text-align属性，其
CSS怎么控制DIV水平居中显示 (112814 次浏览)

欢迎大家学习学做网站论坛的CSS视频教程，这节课程我们讲一下DIV水平居中显示CSS代码。当我们写了一个DIV后,默认情况下,DIV是左对齐的,如何让一个DI