Как автоматически определить соответствующее пространство между дивой

Question

Я искал в ebay.com и способ отображения пунктов (прокрутите вниз на странице и посмотреть Div содержания в пунктах коробки имеют разную высоту)

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

Я думаю о том, чтобы делать что-то подобное, но проблема, с которой я сталкиваюсь, заключается в том, что мне как-то нужно обслуживать пробелы между каждым элементом, потому что divs будут сгенерированы автоматически.

Могу ли я сделать это с помощью css (возможно, группируя некоторые элементы вместе и сохраняя маржу/расстояние друг от друга автоматически)?

Пример fiddle здесь:

Answer 1

Вы можете сделать это с помощью CSS до определенного уровня качества, с помощью плавающих элементов;

после этого, вы должны использовать JavaScript.

Но вы действительно должны проверить Masonry, потому что я предполагаю, что это именно то, что вам нужно.

Answer 2

Вы можете использовать :first-child (или :last-child), чтобы изменить запас на первый или последний элемент, так что вы получите аккуратный интервал.