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

Question

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

我看到这些元素在少数演示中发生了变化，但我自己无法达到效果。就像这里：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

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