怎样让html中的img标签居中显示

01

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

02

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

03

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

04

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

05

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

一般来说可以用CSS中的“text-align:center属性，margin:0auto或定位属性”就可以居中。但是主要看是看你的页面布局是怎样的，是否用了定位

1、img标签中的align属性不是定义图像的位置，而是定义图像与周围文字的位置，并且不推荐使用这个属性。

2、要给img定义一个父标签，让这个父标签里面的内容居中，那么img自然就居中了。

比如说：<palign="center">img??</p>

---