水平前的砌体垂直填充

Question

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

但问题是砖石工程首先会填充水平空间，之后它将填补垂直间距。所以第一部分是砌砖，但第二部分不是。

项目4和项目5将彼此相邻放置，项目6将被设置在它下面。

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

我已经尝试了以下内容：

http://output.jsbin.com/zojivodosu

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

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

亲切的问候，

的Wouter

Answer 1

最新的建议似乎是在同位素中使用砌体水平（同位素是商业的） - 见https://github.com/desandro/masonry/issues/389

  

您可以尝试在Isotope中使用masonryHorizo​​ntal。看到   http://isotope.metafizzy.co/demos/layout-modes.html和   http://isotope.metafizzy.co/docs/layout-modes.html

第二个链接是当前有效的链接

有一个叉子可以做到这一点 - 见https://github.com/desandro/masonry/pull/41。这是从2010年开始，所以很难判断它是否会破坏其他任何东西。