如何获得同位素以避免可变尺寸瓷砖的间隙[关闭]答案

【问题标题】：How to get isotope to avoid gaps with variable size tiles [closed]如何获得同位素以避免可变尺寸瓷砖的间隙[关闭]
【发布时间】：2012-06-21 09:40:16
【问题描述】：

有没有办法让同位素以没有间隙的方式排列网格？

我在几个演示中看到元素改变了位置，但我自己无法实现效果。喜欢这里：http://isotope.metafizzy.co/demos/layout-modes.html

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

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

【问题讨论】：

当我在isotope.metafizzy.co/demos 上播放此演示时 - 调整大小时总会有空隙 - 尝试在此处添加新元素并调整大小：isotope.metafizzy.co/custom-layout-modes/masonry-gutters.html

标签： javascript jquery jquery-isotope

【解决方案1】：

我最终编写了自己的扩展程序 (perfectMasonry)，它不会留下空隙，而是布置了完美的“砖墙”。 :) 一旦我有空闲时间清理它，我会尝试发布它（GitHub，也许）。

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

【讨论】：

先生，您是绅士和学者。
呵呵。谢谢！希望它对你有用:)
当我尝试完美砌体时，我得到一个“未捕获的类型错误：对象 #
这太棒了，它应该在核心恕我直言。我希望这会针对同位素 v2 进行更新。我可能会伸出援助之手。
授予，我们将不胜感激。我目前没有时间建立对 V2 的支持，所以如果你想在我能提供的地方提供帮助。 :)

【解决方案2】：

如果您查看 this fiddle 和 - 同时观察 div 中的数字 - 您会发现下一个砌体元素（红色元素 5）不可能放入白色方块中，因为它必须在后面要素 4；所以它必须结束的地方意味着，只有三行合适，你会得到一个白色的间隙。也许您可以使用 Isotope 的 shuffle 和 reLayout 方法并牺牲以严格的顺序排列元素？

【讨论】：