Html 使缩略图图像成为引导程序中的链接，使其不居中

我正在用Bootstrap进行设计，当我试图使一个正常居中的缩略图可点击时，它会向左对齐。我不知道CSS是从哪里来的，这是导致它的原因

我将HTML和CSS添加到

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

---

它可能非常简单，但我只是因为某些原因没有看到它。

尝试将链接设置为带有文本对齐：居中的块元素

引导程序正在将

缩略图

图像与此代码对齐：

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

您的问题是父选择器

>

。所以，只需创建自己的CSS规则，该样式将影响每个图像，而不管其与

的关系。缩略图
：

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

此解决方案尊重引导的图像居中方式，不会影响文本对齐