javascript - Flexbox 布局 - 如果足够长则多行

Question

我有这样的 flexbox 布局:

但是，当第一行其中一列的内容增加时，我并没有得到我想要的。下一张图片解释了我得到了什么和我想要什么:

基本上，如果需要，我希望框 3 跨越多行，而不更改框 4 的位置

请帮我解决这个问题。谢谢

Answer 1

使用 Flexbox 不可能做到这一点。你应该使用大量可用的 JQuery 插件。

你可以看看下面的JQuery插件。

1.) Packery .

2.) MCPants .

3.) Gridster.

4.) Masonry .

这是一些可用的插件，它们将为您提供您想要的输出。您还可以在搜索引擎上找到其他插件。
希望对您有所帮助。