Организация Div для минимизации пространства

Question

Вот моя проблема: у меня есть группа div, которые имеют различное количество контента.Они всплывают влево, и я хочу, чтобы они выстроились в линию, чтобы между ними не было вертикального пробела (кроме 10-пиксельного поля, которое я добавил.

вот пример jsFiddle

это немного похоже на этот вопрос , но я не мог полностью следовать советам

1-й, это возможно? CSS или jQuery? Если вы знаете, как это сделать, пожалуйста, объясните этоменя.

Спасибо

Si-Fi

Answer 1

Это невозможно только с помощью css, хотя я видел своего рода решение с использованием столбцов css3, но оно не очень кросс-браузерно совместимо.

Вы должны будете использовать javascript, например, плагин Masonry jquery .

Answer 2

Только один подумайте, что вы можете сделать здесь ближе:

Нажмите здесь