我需要将图像与 DIV 内的中心对齐,但我无法添加新类。有可能做到这一点吗?我已经尝试过,但直到现在才知道。
<div class="thumbnail visible-phone">
<a href="/#"><img src="some.jpg"></a>
</div>
一些线索?
此致,
.thumbnail {
text-align: center;
}
这将使div中的所有文本居中。
如果您只想将图像居中并让其他所有内容保持对齐,
.thumbnail img {
display: block;
margin: auto;
}
或者只是添加一个快速的内联样式
<div class="thumbnail visible-phone">
<a href="/#"><img src="some.jpg" style="text-align: center"></a>