如何在不使用 CSS 添加新类的情况下对齐 DIV 内的图像答案

【问题标题】：How to align an image inside a DIV without adding new classes using CSS如何在不使用 CSS 添加新类的情况下对齐 DIV 内的图像
【发布时间】：2012-07-13 04:05:18
【问题描述】：

我需要将图像对齐到 DIV 内的中心，但我无法添加新类。有可能做到这一点吗？我试过了，但直到现在才知道。

<div class="thumbnail visible-phone">
    <a href="/#"><img src="some.jpg"></a>
</div>

一些线索？

最好的问候，

【问题讨论】：

你想用什么来做这个，内联 CSS？

标签： css alignment center

【解决方案1】：

.thumbnail {
  text-align: center;
}

这将使 div 中的所有文本居中。

如果您只想将图像居中并让其他所有内容保持对齐，

.thumbnail img {
  display: block;
  margin: auto;
}

【讨论】：

【解决方案2】：

或者只是添加一个快速的内联样式

<div class="thumbnail visible-phone">
<a href="/#"><img src="some.jpg" style="text-align: center"></a>

【讨论】：

除非那不起作用...请在发布前测试您的解决方案。