Разделить таблицу пополам

Есть ли способ разделить таблицу пополам с помощью CSS и отобразить две части бок о бок.

Например, возьмите это:

| row1 | row1 | row1 |
| row2 | row2 | row2 |
| row3 | row3 | row3 |
| row4 | row4 | row4 |
| row5 | row5 | row5 |

И сделайте это:

| row1 | row1 | row1 |    | row4 | row4 | row4 |
| row2 | row2 | row2 |    | row5 | row5 | row5 |
| row3 | row3 | row3 |

I может изменить разметку HTML (например, пометить «разрывающуюся» строку с помощью специального класса), но я должен иметь возможность решить, будет ли таблица разделена или нет с помощью CSS.

Я знаю, что могу использовать две таблицы и display: inline-table , но я должен использовать только одну таблицу, потому что мне нужна постоянная ширина столбца (таблица должна иметь автоматический макет).

12
задан Brian Tompsett - 汤莱恩 24 January 2019 в 09:55
поделиться