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