Как сделать список в несколько колонок с помощью flexbox?
Добрый день.
Пытаюсь сделать список в несколько колонок. Что бы пункты шли с верху в низ, то есть
1 4 7
2 5 8
3 6 9
ul элементу добавил flex-direction: column; и flex-wrap: wrap;
дочерние li элементы выстроились как надо, но сам ul при этом имеет ширину лишь первой колонки, а вторая и третья колонка выходят за его границы. Думаю такое происходит из за position: absolute; но без него в данном случае никак, у ul или его родителя обязательно позиционирование должно быть absolute.
Задавать ему фиксированную ширину тоже не вариант, так как количество пунктов у списка может быть разным.
Как тогда в данном случае сделать что бы ul растягивался на всю ширину содержимого?
Простой
Средний