gpt4 book ai didi

css - 使所有列表组元素的大小相同

转载 作者:太空宇宙 更新时间:2023-11-04 13:04:58 25 4
gpt4 key购买 nike

<div class="list-group">
<p class="list-group-item-text">(one line)</p>
<p class="list-group-item-text">(one line)</p>
<p class="list-group-item-text">(two lines)</p>
</div>

我希望所有 .list-group-item-text 具有相同的高度,即最大的高度。

因此根据上面的代码,前两项将扩展到第三项的大小。

我试过了 this solution但它没有响应。

编辑:Here是解决方案,由 karan3112 提供

最佳答案

使用下面的代码循环遍历每个元素并使用临时变量获取最大值。

将元素的内部内容包装在一个 div 中,在本例中为 .list-group-item-wrapper

编辑:使用 outerHeight()

JS

    var temp = 0;
$('.list-group .list-group-item-wrapper').each(function (index) {
if($(this).outerHeight() > temp)
{
temp = $(this).outerHeight();
}
});
$('.list-group .list-group-item-wrapper').css('min-height',temp);

DEMO

关于css - 使所有列表组元素的大小相同,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25197452/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com