文本对齐不适用于 img 标签答案

【问题标题】：Text-align is not working on a img tag文本对齐不适用于 img 标签
【发布时间】：2012-02-21 21:22:00
【问题描述】：

如您所见，我在图像标签上使用了text-align: center，带有一个类，但它没有显示任何结果。

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

【问题讨论】：

你的空小提琴不错。
您必须在父级上设置text-align: center。或者，您可以在图像上设置以下内容：display: block; margin: 0 auto;
你只是链接到 jsfiddle.net——而不是你（大概）创建的实际小提琴。
什么表情...编辑了我的小提琴网址 xD。

【解决方案1】：

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

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

或者像这样：

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

【讨论】：

【解决方案2】：

如果你使用这个 CSS，你会得到图像居中

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

【讨论】：