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

Question

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

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

一些线索？

此致，

Answer 1

.thumbnail {
  text-align: center;
}

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

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

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

Answer 2

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

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