有没有类似于 <br> 的东西来打破 flexbox 上的流程？ [复制]

Question

我知道我可以使用flex-wrap 定义弹性框的行为，并使用flex-grow 定义我的子对象的宽度。

但是我可以用什么来打破特定点的一行？

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

Answer 1

这是一种方法：

• 制作你的弹性容器flex-direction: column

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

现在你有了一个主弹性容器，每当添加弹性项目时，它都会创建一个新行。

这些弹性项目中的每一个也是一个弹性容器，其中包含水平对齐的弹性项目。

模仿问题中的插图...

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

...第一个弹性项目将包含四个嵌套项目，第二行将有两个项目，第三行将有四个。

中断在您向主容器添加弹性项目时发生。