css - Twitter Bootstrap - 将带有显示的标签居中：缩略图内的块？

Question

我试图将我的 .img-link 标签放在缩略图的中心，但没有任何运气。

这是我正在做的示例的链接http://jsfiddle.net/Dhk3M/。

这可能吗？

Answer 1

给.thumbnail text-align:center。像这样写：

.thumbnail {
    text-align: center;
}

检查这个http://jsfiddle.net/Dhk3M/1/

Answer 2

要使元素自动居中，它必须具有固定的宽度，以便您可以应用margin-left: auto; 和margin-right: auto;

.img-link img {
    width: 267px;
    margin: 0 auto;
    display: block;
}

如果您可以在 css 中实际设置元素宽度，则这是有效的，这意味着您知道元素将始终具有完全相同的宽度。或者：

text-align: center;

适用于内联元素（如 img 标签）