文本对齐不适用于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;}