Можно ли сделать одинаковую высоту двух строк в разных флексовых блоках?

Question

[Виктор]

Доброго времени суток. У меня есть псевдотаблица сделанная на флексах, такого плана как на скрине ниже. Однако встал вопрос увеличения высоты ячеек в строке, если контент в одной из ячеек больше чем в остальных. Можно ли это сделать только средствами css без js.

Comments

[Lynn «Кофеман»]

И почему это не таблица или не grid?

[Ankhena]

Поддержу Кофемана :)
Если внутри табличные данные, то в большинстве случаев верстка <table> справляется с задачей.

А по вопросу: нет, флексы так не могут.

Так смогут сабгриды (в некоторых браузерах уже могут) и всегда мог JS.

[Виктор]

Гриды не особо решают проблему, потому что таблица с резайзом колонок, и при ресайзе придется пересчитывать все ячейки ниже. Если строк будет много, то бегать циклом по каждой ячейке и задавать ей новый размер - лишняя нагрузка. В моем варианте я пересчитываю размер только одной колонки, потому что вложенные в нее ячейки 100% ширины. Таким же "макаром" я мог бы сделать флексовые строки и высота тянулась по самому высокому. По поводу таблицы, она очень неадекватна при ресайзе, не дает сжать меньше контента (если я не ошибаюсь), это надо в дивы оборачивать и шаманить, что не соответствует моей задаче. Думал может что-то в css новенького появилось, вдруг кто-то подскажет новаторское решение

[sergski]

Приложите лучше фрагмент из макета, будет проще найти решение

Answer 1

[imko]

С флексом нет, если размер ячеек должен быть по контенту а не по какому-то отношению к родительским размерам. Просто используй grid