html - 文本对齐不适用于 img 标签

Question

看看我的小提琴：http: //jsfiddle.net/jVsQY/

正如你所看到的，我text-align: center在一个图像标签上使用了一个类，它没有显示任何结果。

我正在尝试使用display: inline-block等，但没有帮助。

Answer 1

要居中对齐图像，您需要执行以下操作：

<div style="text-align:center;"><img src="image.jpg" /></div>

或者像这样：

<img src="image.jpg" style="display:block; margin:auto; "/>

Answer 2

如果您使用此 CSS，您将获得图像居中

.center {   display: block; 
    margin-left: auto; 
    margin-right: auto;}