怎么让一张图片在网页中居中显示

可以用“margin: 0 auto”和“text-align: center”是图片在网页中居中。

1、新建html文档，在body标签中添加div标签，然后在div标签中添加img标签：

2、为div标签添加“margin”属性，属性值是“0 auto”，这时div标签将会在网页中居中显示：

3、为div标签添加“text-align”属性，属性值是“center”，这时div标签内的img标签将会在div标签中居中显示，这样图片就会在网页中居中显示了：

01

先看下我们的html代码，在一个div里放入一个img图片标签。

02

再看下我们div的样式，主要地方是我们设置了div的宽度，为400px，如图所示的代码。

03

现在看下页面，可以看到，现在的图片是靠左显示的，并没居中。

04

要让img标签的图片居中，我们可以加上一行样式代码：text-align: center就行了。

05

再次看下页面，可以看到现在的图片已经是居中显示的了。

---