我认为这还不是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/