3-х столбцовый выпуск номер

Question

У меня есть 3-х столбцовый макет и 3 столбца выглядят отлично. Я перечисляю элементы в каждом столбце, но мне нужно установить минимальную высоту для блоков в каждом столбце, и если минимальная высота не достаточно большая, а в следующей строке есть просто пробел.

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

Есть ли вообще вокруг этого?

сайта здесь - https://steve-morris.co.uk/properties/rent

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

Answer 1

Вы можете установить .prop-list-title {min-height:290px}. Похоже, что название является единственной областью, где текст обертывается. Поскольку это отзывчиво, вы захотите убедиться, что вы установите это правило на соответствующем медиа-дисплее в вашем css.

Answer 2

Вы можете использовать некоторую JS для определения высоты самого большого блока строки и добавления равномерной высоты ко всем элементам в строке.

Посмотрите на это: http://www.jainaewen.com/files/javascript/jquery/equal-height-columns.html