是否有类似的东西来打破Flexbox上的流量?

时间:2016-10-13 19:50:57

标签: html css css3 flexbox

我知道我可以使用flex-wrap定义flexbox的行为,并使用flex-grow为我的子对象定义宽度。

但是我可以用什么来打破特定点的一条线的流动呢?

X X X X <br>
X X <br>
X X X X

1 个答案:

答案 0 :(得分:1)

这是一种方法:

  • 制作灵活容器flex-direction: column

  • 使用flex-direction: row使每个弹性项目成为嵌套的弹性容器。

现在你有了一个主要的flex容器,只要添加了flex项就会创建一个新行。

这些弹性项目中的每一个也是具有水平对齐的弹性项目的弹性容器。

模仿问题中的插图...

X X X X <br>
X X <br>
X X X X

...第一个flex项目将包含四个嵌套项目,第二行将包含两个项目,第三行将包含四个项目。

每次将弹性项目添加到主容器时都会发生 中断