css - 自动调整不同行 div 的大小

Question

好吧，我在不同的页面上有两行相同的类 div。在第 1 页上，有一行包含相当多的文本，并且它的大小设置效果很好。在第 2 页上，div“框”中的文本要少得多，但尺寸太大。

我想要完成的是让第 1 页上的 3 个 div 具有正确的当前高度设置，但我希望第 2 页上的 div 具有更短的高度设置。唯一的问题是这必须在一个 Css 类（父级和兄弟级）中完成。

这是一个例子的图片：

2a：这是当前的高度设置，它可以完美地处理大量文本。

2b：较短的文本框太长，需要缩短但仍与2a的同一类。

2c & 2d：正确的自动调整高度

.box{
    height: 400px;
}

.box .box_content{
    height: 90%;
}

Answer 1

如果您删除 .box 上的高度设置，高度将动态填充内容。

如果每一行需要相等的高度，您可以使用 jquery 找到该行中最高的 div 并相应地设置其他。