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

【问题标题】：How to make all the rows of a table the same height as the biggest one如何使表格的所有行与最大的行高度相同
【发布时间】：2017-01-03 03:59:09
【问题描述】：

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

但我所做的只是在阅读本文后给它们一个固定的高度： How can I force all rows in a table to have the same height

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

【问题讨论】：

你肯定需要使用 JavaScript 来实现条件行为。
感谢大卫，所以我需要动态计算扩展最多的行的高度，并将该高度赋予其他行。我会尝试发布结果。（对不起我的英语）
是的，差不多。这是一个JS Fiddle demo，它不值得作为答案发布，因为它与下面Samuel 提供的基本相同。

标签： html css css-tables

【解决方案1】：

使用纯 CSS 是不可能的。

可以使用 javascript 来实现。例如，使用 jQuery，您可以编写类似

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

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

【讨论】：