gpt4 book ai didi

css - 如何指定要在 css flexbox 中包装的元素?

转载 作者:数据小太阳 更新时间:2023-10-29 09:06:07 26 4
gpt4 key购买 nike

<分区>

我认为这还不是 flexbox 标准的一部分,但是是否有建议或强制在某个元素后换行的技巧?我想响应不同的页面大小并在没有额外标记的情况下以不同方式包装列表,这样我就不会在下一行有(例如)孤立的菜单项,而是在菜单中间中断。

这是开始的 html:

<ul>
<li>One</li>
<li>Two</li>
<li>Three</li>
<li>Four</li>
<li>Five</li>
</ul>

和CSS:

ul {
display: flex;
flex-wrap: wrap;
}

我喜欢下面这样的东西:

/* inside media query targeting width */
li:nth-child(2n) {
flex-break: after;
}

有关更完整的设置,请参阅 jsfiddle:http://jsfiddle.net/theazureshadow/ww8DR/

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