为什么我的奇点网格中的浮点数没有填满所有列？答案

【问题标题】：Why don't my floats in my Singularity grid fill all the columns?为什么我的奇点网格中的浮点数没有填满所有列？
【发布时间】：2015-02-26 16:49:19
【问题描述】：

这里是 SassMeister。这是一个带有浮动菜单项的四列子布局，我希望它们填充列，但是它们聚集在前三个中，因为边距太大。

对为什么会发生这种情况有任何见解吗？

【问题讨论】：

【解决方案1】：

哇，这是一些混乱的 Drupal 标记！你应该把它清理干净并发布一个简化的问题演示，而不是只是复制粘贴所有的烂摊子。

float-span mixin 为项目设置右边距，除非您将第二个参数指定为 'last' 或最后一列的编号。

失败的原因是您的网格中有 4 列和 3 个装订线，但您告诉 Singularity 每行生成 4 个单列项目，每个项目都有一个装订线，最终得到 4 列和 4 个装订线。最后一项放不下，被换到下一行。

解决方案是将'last' 应用于每四个项目：

.menu-block-1  .leaf {
  @include float-span(1);
  &:nth-child(4n+4) {
    @include float-span(1, 'last');
  }
}

【讨论】：