如何使表的所有行与最大行的高度相同

Question

我正在尝试使表格的所有行与其中包含最长文本的行的高度相同，相应地进行扩展。

但我读到的所有内容都是给他们一个固定的高度： How can I force all rows in a table to have the same height

这意味着我需要预测应该放入多少文本，这显然是不可预测的。是否可以使用CSS或我是否需要使用Javascript？

Answer 1

纯CSS无法实现。

可以用javascript做到这一点。例如，使用jQuery，您可以编写类似

的内容

var maxHeight = null;
$(<MY LINES>).each(function() {
    var thisHeight = $(this).height();
    if(maxHeight == null || thisHeight > maxHeight) maxHeight = thisHeight;
}).height(maxHeight);

不要忘记处理临界情况并在线条中包含最大和最小高度。