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

Question

[Валентин Попов]

Есть 4-е блока в которых есть контент с разной величиной. Так вот как задать высоту блокам чтобы они не подстраивали высоту под количество контента, а имели определенную высоту, независимо от количества контента.

Comments

[Максим]

без переноса на новую строку ?

[Валентин Попов]

Без переноса и фиксированной высоты, чтобы тянулись на мобильных экранах

Answer 1

[Евгений Калибров]

в старину это делали через table-cell, сейчас можно через flexbox:

<div class="list">
  <div class="item">...</div>
  <div class="item">...</div>
  <div class="item">...</div>
</div>

.list
{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
 
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
    .item
    {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

Comments

[Валентин Попов]

Может я что-то не так делаю, но не помогает.

[Евгений Калибров]

Выложите код на https://jsfiddle.net/ сохраните и дайте ссылку

[Евгений Калибров]

https://jsfiddle.net/ug6Lummk/1/

[Валентин Попов]

rework: вот https://jsfiddle.net/ok8d40h3/

[Евгений Калибров]

elarkov: Я выше вам скинул пример. А вы выложили несовсем правильно, без подключенных css стилей.

[Валентин Попов]

rework: я точно так же как у вас сделал и не работает. Название классов у меня другие и в блоке list-item лежит не нумерованный список. Но высота все равно выравнивается по величине контента

[Валентин Попов]

нашел косяк, прошу прощения)

Answer 2

[iBird Rose]

ну можно заюзать скрипт для выравнивания высоты по максимальному https://jsfiddle.net/cm8ctzL0/9/

Comments

[Евгений Калибров]

Неочень логично делать такие вещи скриптом, не актуально в современном вебе это уже.