有没有办法让同位素以没有间隙的方式排列网格?
我在几个演示中看到元素改变了位置,但我自己无法实现效果。喜欢这里:http: //isotope.metafizzy.co/demos/layout-modes.html
这是我的小提琴:http: //jsfiddle.net/crappish/zvRy5/
如您所见,当您调整“结果”的大小时,网格会发生变化,但在某些宽度下,马赛克中会出现白色间隙。这是非常不幸的。:(
有没有办法让同位素以没有间隙的方式排列网格?
我在几个演示中看到元素改变了位置,但我自己无法实现效果。喜欢这里:http: //isotope.metafizzy.co/demos/layout-modes.html
这是我的小提琴:http: //jsfiddle.net/crappish/zvRy5/
如您所见,当您调整“结果”的大小时,网格会发生变化,但在某些宽度下,马赛克中会出现白色间隙。这是非常不幸的。:(
我最终编写了自己的扩展(完美砌体),它不会留下空隙,而是布置了完美的“砖墙”。:) 一旦我有空闲时间清理它,我会尝试发布它(GitHub,也许)。
编辑:这是完美的砌体扩展:https ://github.com/zonear/isotope-perfectmasonry
如果你看这个小提琴并且- 在观察你的 div 中的数字时 - 你会看到下一个砌体元素(红色元素 5)不可能适合白色方块,因为它必须在元素 4 之后;所以它必须结束的地方意味着,只有三行合适,你会得到一个白色的间隙。也许您可以使用 Isotope 的shuffle和reLayout方法并牺牲以严格的顺序排列您的元素?