Как сделать одинаковую высоту блоков с разным контентом?

Question

[MisTFoR]

Здравствуйте!
Интересует такой вопрос: как сделать так, что бы к примеру 3 блока были одинаковой высоты, но с разным контентом?
Пример:

<div class="all-block">
   <div class="block">
      <p>Текст, текст, текст</p>
   </div>
   <div class="block">
      <p>Много текста, много текста, много текста</p>
   </div>
   <div class="block">
      <p>Очень много текста, очень много текста, очень много текста</p>
   </div>
</div>

.all-block{
   display: flex;
}
.block{
   width: 300px;
   text-aligin: center;
   background: #eee
}

Comments

[Антон]

дать им фикс высоту

[Danny Arty]

у вас итак блоки одинаковой высоты будут, учитывая прикрепленный код

Answer 1

[Pashok Doom]

align-items: stretch;

Answer 2

[Евгений Винокуров]

Вообще за одинаковую высоту при разном наполнении контентом отвечает свойство родителя (flex-контейнера для child'ов), как align-items. Если поставить значение align-items на stretch (растяжение), то высота будет считаться по самому "длинному" в эту самую высоту элементу. А так вот очень подробный гайдик о флексах: https://css-tricks.com/snippets/css/a-guide-to-flexbox/

PS: Немного не понял вопроса, потому что если судить по коду, который вы приложили выше, то уже все должно прекрасно растягиваться