我已经实现了同位素砌体，但由于一些浏览器已经支持CSS3多列，我希望有一个唯一的CSS解决方案，这些浏览器，回归到其余的JavaScript。

这是我一直在尝试的CSS：

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

然而，这使得元素的流动是自上而下的左右。我想要一个从左到右的自上而下的流程。这是我想要的一个例子：

1 2 3
4 5 6
7 8 9

但这是我得到的：

1 4 7
2 5 8
3 6 9

在Flow multi-column elements left-right before top-down年中，类似的问题被问到，但我对答案不满意，它不会与不同高度的元素一起工作。 CSS列可能是可能的，还是限制？