Vamos dizer que eu tenho umdiv que conterá um conjunto de elementos (divs), que podem ter diferentes alturas, mas todos terão a mesma largura.

Eu consegui isso atualmente com isotope + masonry, mas como alguns navegadores já suportam multi-colunas CSS3, eu estava esperando ter uma solução única de CSS para estes navegadores, voltando ao Javascript para o resto.

Este é o CSS que tenho tentado:

.div-of-boxes {
  -webkit-column-count: 3;
  -webkit-column-gap:   10px;
  -moz-column-count:    3;
  -moz-column-gap:      10px;
  column-count:         3;
  column-gap:           10px;
}

No entanto, isso faz com que o fluxo dos elementos seja de cima para baixo, da esquerda para a direita. Eu gostaria de um fluxo de cima para baixo. Este é um exemplo do que eu gostaria:

1 2 3
4 5 6
7 8 9

Mas isso é o que eu recebo:

1 4 7
2 5 8
3 6 9

EmFluxo de elementos multi-coluna esquerda-direita antes de cima para baixo algo parecido é perguntado, mas não estou satisfeito com a resposta e não funciona com elementos de diferentes alturas. Isso é possível com colunas CSS ou é uma limitação?