Как сделать список в несколько колонок?

Question

[PiggyPig]

Добрый вечер!

Что-то с flex-ом не добился такого. Удавалось максимум выводить такой список:

1 2 3
4 5 6
7 8

А нужно задать немного другое направление:

1 4 7
2 5 8
3 6

При этом если список заполняет три колонки, то количество блоков по-вертикали увеличивается.
Вообще это уже не такая важная часть. Главное задать выше указанное направление.
Заранее спасибо!

Answer 1

[Андрей]

А column не подойдет?
https://jsfiddle.net/7Lpswrg0/

Comments

[PiggyPig]

Отлично! Большое спасибо!)

Answer 2

[Igor Koch]

Используйте
flex-direction: column;

Песочница

Comments

[PiggyPig]

Уже проворачивал. Делало одну колонку. Оно бы помогло, когда высота зафиксирована.
Но за внимание спасибо)

[PiggyPig]

Igor Koch, хотя в принципе это лучше, чем column-count при малом количестве блоков.
Надо как-то с условиями поиграться или что-то одно выбрать. Спасибо в общем)