Как реализовать четыре колонки одинаковой резиновой высоты?

Нужно сделать 4 колонки одинаковой высоты с помощью CSS+HTML. JS и Jquery не канают. Если в одной колонке содержимого больше чем в другой, то другая должна автоматически увеличить свою высоту.
Пример:
image.png
  • Вопрос задан
  • 6548 просмотров
Решения вопроса 4
IonDen
@IonDen
JavaScript developer. IonDen.com
@vdem
htmlbook.ru/css3-na-primerah/mnogokolonochnyy-tekst
(Но не уверен, что это то, что нужно)
Ответ написан
Например, так
используем display: table и псевдоэлемент :before для закраски отступов белым фоном
или так, используя таблицы и прозрачные бордеры
Ответ написан
iiil
@iiil
Инженер и вэб-дизайнер, рисую.
Table получится без отступов между колонками.

Да с чего бы, что мешает представить отступы в виде ячеек таблицы, пустых, с прозрачным фоном?

Такое ощущение, что все вдруг забыли, как верстали таблицами :)
codepen.io/iiil/pen/kBuCj
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через TM ID
Похожие вопросы