Помогите с версткой

Question

[Герман Гаврилов]

Подскажите как заверстать подобную штуку:


Сейчас реализовал в отдельные столбики procanvas.ru/gallery/kartini-nashih-pokupateley, но это не удобно. И порядок сбивается и внизу может сильно выпасть столбик.

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

Answer 1

[avalak]

jQuery Masonry

Comments

[Иван Климчук]

если нужна последовательность, то я видел еще и masonry ordered. Но ссылки нет. Видел где-то на проекте в локальных.

Answer 2

[RubaXa]

Ну, сейчас 2013 год, можно попробовать CSS3 Regions.

Comments

[Денис Инешин]

Примеры от Adobe требуют ночной билд вебкита, а вы говорите попробовать. Помечтать разве что пока что.

Answer 3

[Makito]

Имхо, тут поможет только плагин, не могу сейчас вспомнить название, но точно видел плагины которые распределяют равномерно блоки в контейнере. Правда порядок вывода в таком случае будет нарушен.
Либо на клиенте делать обсчет высоты картинок и перераспределять их по колонкам.