Не ставить блоки в линию

White_S

Постоялец
Регистрация
27 Май 2009
Сообщения
482
Реакции
102
Имеем блочную верстку с разбивкой на три колонки, при этом высота блоков немного отличается. По-молчанию блоки стремятся выравниваться по верхней линии ряда, поэтому имеем что-то типа этого
452e939c3caeb4b2099eef7abb125b97.png

Не очень красиво, как сделать фиксированную высоту блоков я знаю. Но хочу чтобы блоки не становились в линию, а "подтягивались на свободное место, как это реализовать? В результате должно быть типа этого:
f28a2558214e420ad9401a0bf70811e7.png


Скрытое содержимое доступно для зарегистрированных пользователей!
 
не забываем также про подводные камни, которые возникают в результате display:inline-block.
А именно возникновение дополнительных "фантомных" горизонтальных промежутков между блоками.

Иногда они крайне нежелательны.
 
Назад
Сверху