Как перенести список во вторую колонку в CSS?

Question

[softshape]

Есть список неопределенной длины, который показывается в модальном окне. Макс. высота окна ограничена высотой viewport. Нужно сделать перенос списка - пока в нем столько элементов, что они входят по высоте в модал, они показываются в одну колонку. А если не входят, список разбивается на две колонки одинаковой высоты.

Можно ли это сделать только на CSS?

Answer 1

[DTX]

display: flex;
flex-direction: column;

А если и в две колонки не помещаются?)

Upd:
А. Надо на две колонки одинаковой высоты.. Не заметил. Тогда сомневаюсь, что подобное возможно

Comments

[softshape]

Да, не сказал :). Оставить две колонки и вертикальный скролл их обеих внутри модала.

Answer 2

[Антон Нагаец]

http://caniuse.com - column-count
Пример на codepen.io