Разметить гибкий блок, похожий на стол? ⇐ CSS

[Anonymous]

Я работаю с собственной инфраструктурой, которая зависит от определенной структуры нашего HTML. И одна из сложностей заключается в том, что каждой строке нужен собственный контейнер со своими классами и атрибутами данных.

И вот в чем проблема. Как я могу сделать так, чтобы гибкое поле ниже отображалось, по сути, как таблица HTML, без радикального изменения DOM? Или стол — единственный способ? Решение должно работать как в IE11, так и в Chrome.

Я пытаюсь сделать это так...

Код: Выделить всё

Column A      |      Column B      |      Column C
1             |      2             |      3

Код: Выделить всё

section {
display: flex;
flex-wrap: wrap;
}

section .col {
flex: 1 1 auto;
}

section .line-break {
flex-basis: 100%;
width: 0px;
height: 0px;
overflow: hidden;
}

Код: Выделить всё

Column A
Column B
Column C


1
2
3

Подробнее здесь: https://stackoverflow.com/questions/485 ... to-a-table