javascript - 如何自动识别 div 之间的适当空间

Question

我正在研究 ebay.com 以及项目的显示方式（在页面上向下滚动并查看项目框具有不同高度的 div 内容）

<div id="content" class="content">

我正在考虑做类似的事情，但我遇到的问题是我需要以某种方式满足每个项目之间的空间，因为 div 将自动生成。

我可以用css做到这一点（也许将一些项目组合在一起并自动保持边距/距离）？

示例小提琴在这里：

Answer 1

您可以通过浮动元素使用 CSS达到一定的质量水平；

之后，您必须使用 JavaScript。

但是你真的应该看看Masonry，因为我想这正是你需要的。

Answer 2

您可以使用:first-child(或:last-child) 更改第一个或最后一个元素的边距，以便获得整齐的间距。