Masonry / Isotope 在这种特定情况下保持其顺序，为什么？
Masonry / Isotope keeps its order in this specific case, why?
我正在使用 Masonry，但没有得到预期的结果。
见下笔：http://codepen.io/anon/pen/VLrjme
为什么 5 号框没有移动到右上角，在 3 号旁边？那里有足够的 space，据我所知，这就是 Masonry 所做的。
此外，如果我使用 css 更改某些框的高度，例如：
.grid__item:nth-child(odd)
{
height: 100px;
}
显示同样的问题，不是所有的白色-space都充满了试衣间
编辑：根据 Macsupport 的评论（感谢提醒！）通过包含 jQuery 更新了 Pen，第一种情况的问题已经解决，但是，在我的项目中没有解决，所以我更新了 Pen 以更好地反映我的项目，还使用了大小的百分比值。现在我遇到了同样的问题 - 5 不在 3 旁边...
编辑 2：如果我尝试使用更多列，我可以让它工作，所以问题出在 2 列布局中。它不是四舍五入 - 我已经用 49.5% 的宽度甚至 45% 进行了测试 - 一旦有 2 列预期，网格似乎就会中断。 2 列布局不可能吗？即使我使用绝对值（无 %），2 列布局也会中断。
您正在使用 jQuery 调用砌体，但您没有在代码笔中加载 jQuery，因此砌体失败并出现错误。需要在砌筑前加载。
我还咨询了 Masonry 插件的所有者，显然这 'issue' 是正常行为 - 我引用：
"Gaps may occur in Masonry layouts. If you prefer for gaps like this to be filled, use Packery."
事实上，在这种情况下，Packery 确实通过在 2 列布局中填充网格（3 列或更多列 layouts/breakpoints 已经在 Masonry 中运行良好）为我提供了一个结果，所以我'我和 Packery 一起做这件事。
我正在使用 Masonry，但没有得到预期的结果。
见下笔：http://codepen.io/anon/pen/VLrjme
为什么 5 号框没有移动到右上角，在 3 号旁边？那里有足够的 space，据我所知，这就是 Masonry 所做的。
此外，如果我使用 css 更改某些框的高度，例如：
.grid__item:nth-child(odd)
{
height: 100px;
}
显示同样的问题，不是所有的白色-space都充满了试衣间
编辑：根据 Macsupport 的评论（感谢提醒！）通过包含 jQuery 更新了 Pen，第一种情况的问题已经解决，但是，在我的项目中没有解决，所以我更新了 Pen 以更好地反映我的项目，还使用了大小的百分比值。现在我遇到了同样的问题 - 5 不在 3 旁边...
编辑 2：如果我尝试使用更多列，我可以让它工作，所以问题出在 2 列布局中。它不是四舍五入 - 我已经用 49.5% 的宽度甚至 45% 进行了测试 - 一旦有 2 列预期，网格似乎就会中断。 2 列布局不可能吗？即使我使用绝对值（无 %），2 列布局也会中断。
您正在使用 jQuery 调用砌体，但您没有在代码笔中加载 jQuery，因此砌体失败并出现错误。需要在砌筑前加载。
我还咨询了 Masonry 插件的所有者，显然这 'issue' 是正常行为 - 我引用：
"Gaps may occur in Masonry layouts. If you prefer for gaps like this to be filled, use Packery."
事实上，在这种情况下，Packery 确实通过在 2 列布局中填充网格（3 列或更多列 layouts/breakpoints 已经在 Masonry 中运行良好）为我提供了一个结果，所以我'我和 Packery 一起做这件事。