水平前的砌体垂直填充
Wou*_*125 5 html javascript css jquery masonry
我正在构建一个需要具有以下输出的砌体网格:
但问题是砌体是先填充水平空间,然后填充垂直间距.所以第一部分是砌砖,但第二部分不是.
项目4和项目5将彼此相邻放置,项目6将设置在它下面.
我的容器的宽度需要是100%,物品需要是流动的.所以我使用百分比网格.我不能坚持一个固定的!
我已经尝试过以下方法:
http://output.jsbin.com/zojivodosu
正如你在jsbin中看到的那样,问题仍然存在.无论如何我可以填写垂直空间并在那个水平空间之后？
如果可能的话,我不想自定义我的HTML.提前致谢.
亲切的问候,
沃特
最新的建议似乎是在 Isotope 中使用 masonryHorizontal （Isotope 是商业的） - 请参阅https://github.com/desandro/masonry/issues/389
您可以尝试在同位素中使用 masonryHorizontal 。请参阅 http://isotope.metafizzy.co/demos/layout-modes.html和 http://isotope.metafizzy.co/docs/layout-modes.html
第二个链接是当前有效的链接
有一个叉子可以做到这一点 - 请参阅https://github.com/desandro/masonry/pull/41。这是 2010 年的，因此很难判断它是否会破坏其他内容。