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

Question

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

但我所做的只是在阅读后给它们一个固定的高度： 如何强制表格中的所有行具有相同的高度

这意味着我需要预测我应该在其中放入多少文本，这显然是不可预测的。是否可以使用 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);

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