jquery - 一组盒子的响应和等高

Question

一行中有三个框，每个框包含一个图像和一个标题。我可以使用 height 属性使它们的高度相等。但是在响应式 View 中，当框收缩时，由于固定高度，框会在标题后看起来有额外的空白(特别是当标题只填充一行而不是两行时)

我可以使用 padding-bottom，但它不会为我的盒子提供相同的高度，因为有些盒子的标题较长并且会填充两行而不是一行，因此高度会更高。

给这些盒子一个相同高度的解决方案是什么，当在响应式 View 中收缩时不会让我有额外的空白？

Answer 1

如果您使用 jquery，请将此代码添加到页面底部:

var max=0;
$('article').each( function (){
    if($(this).height()>max)
        max=$(this).height();
});
$('article').height(max);