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

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);

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