2

我正在使用 Bootstrap 进行设计，当我尝试使通常居中的缩略图可点击时，它会向左对齐。我无法弄清楚导致它的 CSS 来自哪里。

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

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

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

4

2 回答 2

3

.thumbnailBootstrap 将图像与以下代码对齐：

.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 的图像居中方式，并且不会影响您的文本对齐方式。

于 2012-08-31T06:53:29.050 回答
-1

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

于 2012-08-30T22:02:56.703 回答