javascript - div 間の適切なスペースを自動的に識別する方法

Question

私はebay.comとアイテムの表示方法を調べていました（ページを下にスクロールして、アイテムボックスの高さが異なるdivコンテンツを確認してください）

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

同様のことを考えていますが、問題は、divが自動的に生成されるため、各アイテム間のスペースに対応する必要があることです。

cssでこれを行うことはできますか(いくつかのアイテムをグループ化し、自動的にマージン/距離を保つことができます)?

ここにフィドルの例：

Answer 1

フローティング要素を使用して、特定のレベルの品質までCSSでそれを行うことができます。

その後、JavaScript を使用する必要があります。

しかし、Masonryを実際に確認する必要があります。これはまさにあなたが必要としているものだと思います。

Answer 2

:first-child(または) を使用:last-childして、最初または最後の要素のマージンを変更し、適切な間隔を確保できます。