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

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

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

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

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

Войти через центр авторизации
Похожие вопросы
Team B Воронеж
от 35 000 до 50 000 руб.
Альфа-Развитие Москва
от 90 000 до 130 000 руб.
АВЕ Системз Пушкино
от 40 000 руб.
14 нояб. 2019, в 11:49
3000 руб./за проект
14 нояб. 2019, в 11:35
10000 руб./за проект
14 нояб. 2019, в 11:26
1500 руб./за проект