我正在尝试制作缩略图网格，其中每个缩略图都有一个图像和一个标签。如果所有标签的长度都相同，则效果很好，因为所有缩略图的高度都相同:
http://www.bootply.com/iSqwWyx5ms
但是，如果我缩短最右边缩略图的文本，下面一行的一部分会被推到一个新行中，如下所示:
http://www.bootply.com/Wqd021aaeM
我想要的是从第一行结束的最低点开始的第二行。
我知道我可以用 JavaScript 解决这个问题 - 找到每行中最长的缩略图并将其他缩略图设置为具有该高度。问题是，我有什么方法可以解决我的问题，只使用 CSS 吗？
更新:我事先不知道一行中有多少项。例如，在小屏幕上我会连续显示 2 个元素，而在大屏幕上会是 3 个元素，因此在新行开始时设置的解决方案对我来说并不好。
最佳答案
您应该使用 .clearfix，如 Bootstrap 文档的网格响应重置部分所述:https://getbootstrap.com/docs/3.3/css/#grid-responsive-resets
关于html - 每个元素中具有不同高度的 Bootstrap 3 网格 - 仅使用 CSS 是否可以解决？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/24590222/