Question

我试图使一张桌子上的所有行的高度与其中长度最长的一行的高度相同,并相应扩大。

But all I achieved is give them a fixed height after reading this: How can I force all rows in a table to have the same height

这意味着我需要预测我应该放多少显然无法预测的文字。是否有可能用 CSS, 还是我需要使用 Javascript?

Answer 1

纯粹的CSS是不可能做到的

例如,与jQuery一起,你可以写出类似

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

不要忘记处理边界案件,在边界线上加上最高和最低高度。

友情链接