Twitter Bootstrap - 将带有display：tag的标签置于缩略图内？

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标记）