gpt4 book ai didi

html - 如何使用 flex-wrap 故意不具有相同/相等的高度?

转载 作者:行者123 更新时间:2023-11-28 15:14:17 26 4
gpt4 key购买 nike

<分区>

标题说明了一切,由于显示 flex 和 50% 的宽度,我的列表应该是 2 列,但如果一侧较长,另一侧将有一个间隙,这就是我要删除的内容。

ul {
display: flex;
flex-wrap: wrap;
list-style: none;
margin: 0;
}
li {
display: block;
width: 50%;
margin-bottom: 5px;
}
<ul>
<li>Some Text Here</li>
<li>Some Text Here Some Text Here Some Text Here</li>
<li>Some Text Here</li>
<li>Some Text Here</li>
<li>Some Text Here</li>
</ul>

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