html - 定位元素(不同大小)彼此相邻

Question

我有很多不同大小和宽度的 div。我想自动将它们放在另一个 div 中并将它们定位为:

有人知道我应该使用什么 css 属性吗？我尝试使用 float + 显示(几种组合)但对我来说没有任何效果 - 我在一行中有 div -> 很多空间(因为一个大元素) -> 下一行 -> 等等......等等...

Answer 1

不使用 Flexbox你会发现很难实现这种布局。

Flexbox layout example

您可以使用 JS 插件，例如 Masonry这将使您能够实现布局。