为什么我的 Singularity 网格中的浮点数没有填满所有列？
Why don't my floats in my Singularity grid fill all the columns?
这是 SassMeister。这是一个带有浮动菜单项的四列子布局，我希望它们填充列，但它们聚集在前三列中，因为边距太大。
http://sassmeister.com/gist/b45986bb5bcbc464b3aa
对为什么会发生这种情况有任何见解吗？
哇，这是一些混乱的 Drupal 标记！你应该清理它并 post 简化你的问题的演示，而不是仅仅复制粘贴所有的乱七八糟的东西。
除非您将第二个参数指定为 'last' 或最后一列的编号，否则 float-span mixin 会为项目设置右边距。
失败的原因是您的网格中有 4 列和 3 个装订线，但您告诉 Singularity 每行生成 4 个单列项目，每个项目都有一个装订线，最后您得到 4 列和 4 个排水沟。最后一项放不下，被换到下一行。
解决方案是对每四个项目应用 'last'：
.menu-block-1 .leaf {
@include float-span(1);
&:nth-child(4n+4) {
@include float-span(1, 'last');
}
}
这是 SassMeister。这是一个带有浮动菜单项的四列子布局，我希望它们填充列，但它们聚集在前三列中，因为边距太大。
http://sassmeister.com/gist/b45986bb5bcbc464b3aa
对为什么会发生这种情况有任何见解吗？
哇，这是一些混乱的 Drupal 标记！你应该清理它并 post 简化你的问题的演示，而不是仅仅复制粘贴所有的乱七八糟的东西。
除非您将第二个参数指定为 'last' 或最后一列的编号，否则 float-span mixin 会为项目设置右边距。
失败的原因是您的网格中有 4 列和 3 个装订线，但您告诉 Singularity 每行生成 4 个单列项目，每个项目都有一个装订线，最后您得到 4 列和 4 个排水沟。最后一项放不下，被换到下一行。
解决方案是对每四个项目应用 'last'：
.menu-block-1 .leaf {
@include float-span(1);
&:nth-child(4n+4) {
@include float-span(1, 'last');
}
}