Bootstrap缩略图对齐（水平）

Question

我将缩略图类添加到我的缩略图div，它具有预期的效果。但是，有些缩略图的尺寸比其他缩略图小。我希望它们具有相同的高度，所以我给每个缩略图一个210px的高度，认为现在看起来都是相同的，所有都在一条线上水平对齐。然而，设置高度具有奇怪的效果，即通过向下延伸使较小的缩略图突出于对齐。我尝试通过在每个缩略图上设置top: 0px;的css属性来解决这个问题，但这没有任何区别。如何将所有缩略图设置为相同高度并完全水平对齐？

Answer 1

最终通过将样式元素overflow: hidden;添加到缩略图类来解决问题。

Answer 2

如果您使用的是bootstrap，您是否尝试将每个图像放在自己的div类中？如果您完全考虑响应式设计（这就是为什么通常使用引导程序），这可能会帮助您快速，轻松地对齐它们。

http://getbootstrap.com/2.3.2/scaffolding.html，看一下现场流体网格部分。