Можно такое реализовать на flexbox?

Question

[Максим]

Можно ли реализовать с помощью flex, чтобы высота этих блоков была на всю высоту, и высота ВНУТРЕННИХ элементов была одинаковой? Знаю как сделать на jquery, но может есть другой вариант? Более наглядно на картинке:

Answer 1

[iBird Rose]

наружние flex, а внутренним записям задать text-overflow: ellipsis;

Comments

[Максим]

мне не нужно чтобы текст скрывался, мне нужно чтобы расширялись блоки по высоте в зависимости от контента..

[iBird Rose]

maxnrg33: ну если высота конента будет меняться только текстами где написано lorem у вас в примере - то флекс сработает

Answer 2

[Фёдор Ананин]

align-items: stretch; на контейнер, так ваши карточки будут одной высоты.

Ещё можно на те элементы, которые могут быть разной высоты повесить что-то вроде min-height: 2em;
Так они будут занимать ту высоту, которую им нужно.

Comments

[Максим]

мне нужно чтобы эти внутренние блоки были одной высоты, если например в блоке где нумерация, добавится ещё 3й пункт - то высота увеличивается во всех карточках clip2net.com/s/3BA0CCk

[Максим]

а min-height: 2em даст мне не то что нужно