Гибкие строки, в которых переменные «столбцы» растут и выравниваются? ⇐ CSS

[Anonymous]

У меня есть список элементов, и я использую flex-col, а затем flex-row с элементами в каждой строке, чтобы имитировать таблицу. Первый элемент в каждой строке — это дата переменной длины (без использования моноширинного шрифта). Последний элемент аналогичен. Я хочу, чтобы первый и последний «столбцы» для каждой строки были выровнены, а средний элемент увеличивался до соответствия и усекался. Смотрите скриншот. В идеале все описания (средний столбец) должны совпадать.


Возможно ли это с помощью flex? При использовании сетки я также сталкиваюсь с проблемами переполнения.

Подробнее здесь: https://stackoverflow.com/questions/793 ... -all-align