我知道我可以使用flex-wrap
定义flexbox的行为,并使用flex-grow
为我的子对象定义宽度。
但是我可以用什么来打破特定点的一条线的流动呢?
X X X X <br>
X X <br>
X X X X
答案 0 :(得分:1)
这是一种方法:
制作灵活容器flex-direction: column
使用flex-direction: row
使每个弹性项目成为嵌套的弹性容器。
现在你有了一个主要的flex容器,只要添加了flex项就会创建一个新行。
这些弹性项目中的每一个也是具有水平对齐的弹性项目的弹性容器。
模仿问题中的插图...
X X X X <br>
X X <br>
X X X X
...第一个flex项目将包含四个嵌套项目,第二行将包含两个项目,第三行将包含四个项目。
每次将弹性项目添加到主容器时都会发生 中断 。