Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何使一张桌子的所有行与最大行的高度相同_Html_Css_Css Tables - Fatal编程技术网

Html 如何使一张桌子的所有行与最大行的高度相同

Html 如何使一张桌子的所有行与最大行的高度相同,html,css,css-tables,Html,Css,Css Tables,我试图使表中的所有行的高度与其中包含最长文本的行的高度相同,并相应地展开 但我所能做到的就是在读了这篇文章后给他们一个固定的高度: 这意味着我需要预测我应该在其中放入多少文本,这显然是不可预测的。使用CSS是可能的还是我需要使用Javascript?使用纯CSS是不可能的 可以使用javascript来实现这一点。例如,使用jQuery,您可以编写如下内容 var maxHeight = null; $(<MY LINES>).each(function() { var t

我试图使表中的所有行的高度与其中包含最长文本的行的高度相同,并相应地展开

但我所能做到的就是在读了这篇文章后给他们一个固定的高度:


这意味着我需要预测我应该在其中放入多少文本,这显然是不可预测的。使用CSS是可能的还是我需要使用Javascript?

使用纯CSS是不可能的

可以使用javascript来实现这一点。例如,使用jQuery,您可以编写如下内容

var maxHeight = null;
$(<MY LINES>).each(function() {
    var thisHeight = $(this).height();
    if(maxHeight == null || thisHeight > maxHeight) maxHeight = thisHeight;
}).height(maxHeight);
var maxHeight=null;
$()。每个(函数(){
var thishheight=$(this).height();
如果(maxHeight==null | | thisHeight>maxHeight)maxHeight=thisHeight;
}).高度(最大高度);

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

您肯定需要使用JavaScript来实现条件行为。感谢David,因此我需要动态计算扩展最多的行的高度,并将该高度赋予其他行。我将尝试发布结果。(对不起我的英语)是的,差不多。这里有一个答案,它不值得作为一个答案发布,因为它本质上与下面提供的答案相同。