我基本上已经尝试了每一个提示/提示/建议来实现这一点，但是，我在使用 Isotope 时仍然得到了这些空的丑陋空间。
这是我正在经历的demo showing the problem。
你看到这些空白了吗？是否有任何 jquery 代码可以让底部项目在有任何时候填补这个空白？
如果我们对所有项目使用单一宽度，则根本不会出现问题。当为每个项目使用不同的宽度时，它开始出现。同位素没有足够的智能来寻找空白并在有任何合适尺寸的物品可用时填充它们。
有什么帮助吗？我真的被困住了！
可能有助于解决此问题的补充问题：
有没有强制元素浮动的 jQuery 插件？我相信它可以迫使合适的物品填补空白！
【问题讨论】：
标签： jquery jquery-isotope
根据最新的编辑，现在有一个packery layout mode for isotope。原始答案和后来添加的内容保留在下面。
其他人也请求了此功能：
简而言之，目前的答案似乎是，如果您想完全避免空白，您应该：
当然，如果您的项目在大小和位置上不是静态的，或者您无法设置宽度，我无法想象这样会做得很好。
如果手动排列元素以填充固定宽度容器的间隙对您不起作用，我建议在第一个链接上加上 +1。
E (4.22.2013)：我注意到最近的一些活动，所以快速更新。这些都可以在砌体问题 #141 中找到，第一个链接：
PerfectMasonry 是 Isotope 的布局扩展。它通过提供“perfectMasonry”布局模式和提供无间隙布局的选项来填补空白。
Nested 是用于无间隙布局的替代库。
Packery 是 Isotope 创建者的一个库，支持无间隙布局等。
我个人还没有使用过这些（还）。
最后，在 his blog post about Packery's release，DeSandro 表示“最终，我想将 Packery 中开发的这个和其他解决方案移植到 Masonry 和 Isotope。”
我不会指望这会很快发生。截至本次编辑，Packery 仅发布了 7 天。
E2 (6.13.2014)：
DeSandro 已发布packery layout mode for isotope。
【讨论】：
我试图解释为什么这是in this duplicate thread，其中还包括一个可以玩的小提琴。不一定是固定宽度，如果你有很多像原始演示中的小物品，贴合的可能性很高，但不能保证。您可以使用替代插件，例如 jQuery Tiles 或尝试调整 Wookmarks。
在您的情况下实现并非易事，请参阅what's involved 并搜索一些与之相关的图像，您会发现所涉及的复杂性。
【讨论】：