gpt4 book ai didi

css - 在特定数量的子元素之后换行

转载 作者:行者123 更新时间:2023-11-28 09:43:25 24 4
gpt4 key购买 nike

<分区>

这是关于使用 css Grid 在特定数量的子元素后实现列换行的问答。

HTML 模型

<div class="parent">
<div class="child">1</div>
<div class="child">2</div>
<div class="child">3</div>
<div class="child">4</div>
<div class="child">5</div>
<div class="child">6</div>
.....
<div class="child">n</div>
</div>

所需的布局类似于,

1  7   13
2 8 14
3 9 .
4 10 .
5 11 n
6 12

在特定数量的元素(在本例中为 6)之后,剩余的内容应包装到一个新列中。

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