Eu gostaria de organizar minhas divs em forma de coluna, porém não lado a lado, mas sim uma sobre a outra. Normalmente ao usar float: left
ou display: inline-block
os elementos são colocados lado a lado até o limite de tamanho, e então uma nova linha é criada, exemplo:
|DIV 1| |DIV 2| |DIV 3|
|DIV 4| |DIV 5| |DIV 6|
|DIV 6| |DIV 7| |DIV 8|
Porém eu gostaria que elas ficassem assim:
|DIV 1| |DIV 4| |DIV 7|
|DIV 2| |DIV 5| |DIV 8|
|DIV 3| |DIV 6| |DIV 9|
Não quero ter que criar colunas diversas e colocar cada div ali, quero que elas se auto organizem deste modo, como posso fazer?