仅等高行，带javascript，不带表

所以我遇到了一个问题，我似乎不知道如何使lis的高度等于那一行中最高的高度。我让它工作了，但是它使所有的高度都和最高的一样。以下是我目前掌握的代码：

var max=-1；
var list=document.getElementsByTagName（'li'）；
Array.prototype.forEach.call（列表，函数（子级）{
max=max>child.style.height？max:child.offsetHeight；
console.log（child.offsetHeight）；
});
Array.prototype.forEach.call（列表，函数（子级）{
child.style.height=max+'px'；
}); 

ul{
列表样式：无；
填充：0；
宽度：100%；
}
李{
填充物：5px10px；
显示：块；
位置：相对位置；
身高：100%；
}
p{
宽度：100%；
}

测试测试测试测试测试测试测试测试测试测试

试验

测试aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

试验



测试测试测试测试测试测试测试测试测试测试测试测试测试

试验

测试aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

试验



测试测试测试测试测试测试测试测试测试测试

试验

测试aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

试验

更改

max = max > child.style.height ? max : child.offsetHeight;

到

仅设置了child.style.height，您无法读取它。你可以用它来测量高度

例如：

var el = document.getElementById("myList");
var height = window.getComputedStyle(el, null).getPropertyValue("height");

offsetHeight

为您提供带有填充和边框的高度。 （）

---

（单击run查看结果）

它必须是JS解决方案吗？只能是CSS吗？这使它们具有相同的高度，因为您没有按行对

li

进行分组。你有一个大水桶，下面所有的人都会把它放在上面，所以它会找到最高的一个，然后把它们做成那样的大小。什么叫“只在那一排”？您的示例中只有一行。另一个问题是选择器，它将选择文档中的所有li。您是否尝试过使用row类作为选择器并遍历li。@dama，其中有3个ul，他希望从这些uls中检索最高li的高度，并将最高值应用于每个li。所以每个li都有相同的高度。@dama有3个ul，其中都有4个li，所以当所有3个ul在同一行中时，所有行中的li看起来像是在4个独立的行中。我想做的是，如果“一排”中的一个李有更高的高度，那么让该“一排”中的所有李都更高

var el = document.getElementById("myList");
var height = window.getComputedStyle(el, null).getPropertyValue("height");