如何获得同位素以避免可变尺寸瓷砖的间隙

有没有办法让同位素以没有间隙的方式对网格进行排序？

我看到这些元素在少数演示中发生了变化，但我自己无法达到效果。 像这里： http ： //isotope.metafizzy.co/demos/layout-modes.html

这是我的小提琴： http ： //jsfiddle.net/crappish/zvRy5/

如您所见，当您调整“结果”的大小时，网格会改变，但在某些宽度处，马赛克中会出现白色间隙。 这是非常不幸的。 🙁

Answer 1

我最后写了我自己的扩展（perfectMasonry），它没有留下空白，而是展示了完美的“砖墙”。 :)我会尽快发布它（GitHub，mayhaps），因为我有空闲时间来清理它。

编辑：这是完美的扩展： https ： //github.com/zonear/isotope-perfectmasonry

Answer 2

如果你看看这个小提琴和 – 在观察你的div中的数字时 – 你会看到下一个砌体元素（红色元素5）不可能适合白色方块，因为它必须在元素4之后; 因此，它必须最终意味着，只有三排适合，你会得到一个白色的差距。 也许您可以使用Isotope的shuffle和reLayout方法并牺牲按严格的顺序排序元素？