-webkit-column-count从上到下而不是从左到右读取div

Question

我正在尝试为网格制作一个具有不同高度的流畅网格布局，并让它们一个接一个地流动，就像砌体一样，但我想使用纯粹的CSS。我搜索过的一种方法来自http://designshack.net/articles/css/masonry/ 示例源代码：

#myContent {
    -moz-column-count: 6;
    -moz-column-gap: 0px;
    -webkit-column-count: 6;
    -webkit-column-gap: 0px;
    column-count: 6;
    column-gap: 0px;
    width: 1200px;
}

但是，似乎数据从上到下显示为每行而不是从左到右。有关详情，请参阅他们的演示。 http://designshack.net/tutorialexamples/masonry/demos/css.html

有没有人知道如何从左到右首先渲染数据。

任何帮助都将不胜感激。

Answer 1

不幸的是，我认为你将无法使用纯css来实现这一目标。根据定义，列据自上而下，据我所知，css不包括行的这种功能。尝试从左到右使用列并不是世界的运作方式。