代码之家  ›  专栏  ›  技术社区  ›  Andrey Mikhaylov - lolmaus

使用Singularty 1.x创建缩略图网格,第二列缺少边距

  •  0
  • Andrey Mikhaylov - lolmaus  · 技术社区  · 12 年前

    我正试图用Singularity 1.x创建一个缩略图网格。下面是代码:

    $cols:    3
    $grids:   $cols
    $gutters: 0.2
    
    .element
      @for $i from 1 through $cols
        &:nth-child(#{$cols}n+#{$i})
          +grid-span(1,$i, $output-style: 'float')
    

    问题是第二个元素(接收 grid-span(1,2) )缺少排水沟( margin-right ).

    屏幕截图:

    我尝试更改列数 $cols ,结果是一样的:除了第二个元素外,所有元素都得到了正确的裕度。

    如何使第二个元素和其他元素一样具有正确的边距?

    1 回复  |  直到 12 年前
        1
  •  2
  •   Snugug    12 年前

    这似乎是Float输出方法中的疏忽。这将在1.0.5中修复