Question

我正在使用Bootstrap进行设计，当我尝试使一个正常居中的缩略图可点击时，它会向左对齐。我无法弄清楚CSS的来源是什么造成的。

我将HTML和CSS添加到了http://jsfiddle.net/DLYds/

的jsfiddle

第一个框是它的外观，其余的缩略图都是链接。

这可能是非常简单的事情，但我只是因为某种原因没有看到它。

Answer 1

Bootstrap正在将.thumbnail图像与此代码对齐：

.thumbnail > img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}

您的问题是父选择器>。因此，只需创建自己的CSS规则，其中该样式会影响每个图像，无论它与.thumbnail的关系如何：

.thumbnail img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}

此解决方案尊重Bootstrap用于居中图像的方式，不会影响文本对齐。

Answer 2

尝试使用text-align：center将链接设置为块元素; http://jsfiddle.net/DLYds/1/