Digamos que tengo undiv que contendrá un conjunto de elementos (divs), que pueden tener diferentes alturas, pero todos ellos tendrán el mismo ancho.

Lo he logrado actualmente con isótopos + mampostería, pero dado que algunos navegadores ya son compatibles con varias columnas de CSS3, esperaba tener una única solución CSS para estos navegadores, recurriendo a Javascript para el resto.

Este es el CSS que he estado intentando:

.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;
}

Sin embargo, esto hace que el flujo de los elementos sea de arriba hacia abajo, de izquierda a derecha. Me gustaría en cambio un flujo de arriba a abajo de izquierda a derecha. Este es un ejemplo de lo que me gustaría:

1 2 3
4 5 6
7 8 9

Pero esto es lo que obtengo:

1 4 7
2 5 8
3 6 9

EnFlujo de elementos de varias columnas de izquierda a derecha antes de arriba hacia abajo Se pregunta algo similar, pero no estoy satisfecho con la respuesta, y no funcionará con elementos de diferente altura. ¿Es esto posible con columnas CSS, o es una limitación?