在水平之前砌筑垂直填充

Masonry vertical fill before horizontal

我正在构建需要具有以下输出的砌体网格：

但问题是砌体将首先填充水平 space，然后再填充垂直间距。所以第一部分在砌体方面进展顺利，但第二部分则不然。

项目 4 和项目 5 将并排放置，项目 6 将设置在其下方。

我的容器的宽度需要为 100%，并且项目需要是流动的。所以我使用的是百分比网格。我不能坚持固定的！

我已经尝试过以下方法：

http://output.jsbin.com/zojivodosu

正如您在那个 jsbin 中看到的那样，问题仍然存在。无论如何我可以填写垂直space然后水平space？

如果可能的话，我不想自定义 HTML。提前致谢。

亲切的问候，

沃特

最新的推荐似乎是在 Isotope 中使用 masonryHorizontal（Isotope 是商业的）- 参见 https://github.com/desandro/masonry/issues/389

You can try using masonryHorizontal in Isotope. See http://isotope.metafizzy.co/demos/layout-modes.html and http://isotope.metafizzy.co/docs/layout-modes.html

第 2 个 link 是目前有效的

有一个分支可以执行此操作 - 请参阅 https://github.com/desandro/masonry/pull/41。这是 2010 年的，所以很难说它是否会破坏其他任何东西。

在水平之前砌筑垂直填充

Masonry vertical fill before horizontal

html

javascript

css

jquery

masonry