苏西“无排水沟”不起作用答案

【问题标题】：Susy "no-gutter" doesnt work苏西“无排水沟”不起作用
【发布时间】：2015-12-15 17:18:00
【问题描述】：

我尝试了 susy，我的第一个问题开始了 ;) 首先我尝试从元素中删除排水沟

@include span(no-gutters);

这是我的设置

$susy: (
    columns: 12,
    gutters: 10,
    global-box-sizing: border-box,
    math: fluid,
    gutter-position: inside,
    debug: (
        image: show
    )
);

这是正确的方法吗？

带有“完整”的 mixin 工作得很好

@include span(full);

我在文档中找到了这个 http://susydocs.oddbird.net/en/latest/toolkit/#span-mixin 向下滚动到“其他设置”

使用 no-gutters 从单个 span 中删除 gutter 输出，...

一个简短的代码笔，也许我在其他地方做错了什么；） http://codepen.io/destroy90210/pen/KVVWgL?editors=110

格雷格 ;)

【问题讨论】：

hmm 还是我应该只使用 padding:0 代替？
我玩得更多了，这也可以@include gutters(0px);

标签： css susy

【解决方案1】：

no-gutters 关键字不会删除现有排水沟（也许文档应该更清楚）。它只是防止span mixin 输出新的 排水沟。它会删除排水沟输出，但不会覆盖在其他地方设置的排水沟。为此，gutters(0px) 是一个很好的解决方案，正如您在上面找到的那样。

【讨论】：