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

Тема в разделе "Верстка", создана пользователем White_S, 26 авг 2014.

Информация :
Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела и Правилами форума
Для быстрого поиска ответов на ваши вопросы воспользуйтесь Картой раздела и/или Поиском по разделу
Модераторы: ultra
  1. White_S

    White_S

    Регистр.:
    27 май 2009
    Сообщения:
    477
    Симпатии:
    95
    Имеем блочную верстку с разбивкой на три колонки, при этом высота блоков немного отличается. По-молчанию блоки стремятся выравниваться по верхней линии ряда, поэтому имеем что-то типа этого [​IMG]
    Не очень красиво, как сделать фиксированную высоту блоков я знаю. Но хочу чтобы блоки не становились в линию, а "подтягивались на свободное место, как это реализовать? В результате должно быть типа этого:
    [​IMG]

     
  2. mdss

    mdss ♖♘♗♕♔♗♘♖

    Moderator
    Регистр.:
    20 фев 2007
    Сообщения:
    1.134
    Симпатии:
    668
    White_S нравится это.
  3. sitecreator

    sitecreator

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

    Иногда они крайне нежелательны.
     
  4. Nikita_Sp

    Nikita_Sp Создатель

    Регистр.:
    28 мар 2013
    Сообщения:
    15
    Симпатии:
    3