var maxheight = 0;
for(var i = 0;i<$(".ceshi").length;i++){
if(maxheight <= $(".ceshi").eq(i).height()){
maxheight = $(".ceshi").eq(i).height();
}
}
$(".ceshi").css('height',parseInt(maxheight)+'px');
上面是JS代码，求指导该怎么去优化然后达到我想要的效果。
分享
关注
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>瀑布流布局</title>
<style>
.waterfall {
column-count: 3;
column-gap: 0;
}
.item {
break-inside: avoid;
padding: 10px;
}
.item-content {
padding: 10px;
height: auto;
color: #686868;
box-sizing: border-box;
border: 1px solid #ccc;
}
</style>
</head>
<body>
<div class="waterfall">
<div class="item">
<div class="item-content">三月到大理赏樱花不远不近</div>
</div>
<div class="item">
<div class="item-content">三月到大理赏樱花不远不近，才是最好的距离余生，请带上自己的阳光回忆，在部队那些日子被遗忘的花儿春光</div>
</div>
<div class="item">
<div class="item-content">三月到大理赏樱花不远不近，才是最好的距离余生，请带上自己的阳光回忆</div>
</div>
<div class="item">
<div class="item-content">三月到大理赏樱花不远不近，才是最好的距离余生，请带上自己的阳光回忆</div>
</div>
<div class="item">
<div class="item-content">三月到大理赏樱花不远不近，才是最好的距离余生，请带上自己的阳光回忆</div>
</div>
<div class="item">
<div class="item-content">三月到大理赏樱花不远不近</div>
</div>
<div class="item">
<div class="item-content">三月到大理赏樱花不远不近，才是最好的距离余生，请带上自己的阳光回忆，在部队那些日子被遗忘的花儿春光</div>
</div>
<div class="item">
<div class="item-content">三月到大理赏樱花不远不近</div>
</div>
<div class="item">
<div class="item-content">三月到大理赏樱花不远不近，才是最好的距离余生，请带上自己的阳光回忆，在部队那些日子被遗忘的花儿春光</div>
</div>
</div>
</body>
</html>
系统已结题
1月20日
已采纳回答
1月12日
创建了问题
1月12日
