Sass编译器说: Inconsistent indentation

Question

我的main.sass中有这个:

#thing 
{
       -moz-box-sizing:     border-box; 
    -webkit-box-sizing:     border-box; 
            box-sizing:     border-box;
}

编译时，sass说:

Inconsistent indentation: 7 spaces were used for indentation, 
but the rest of the document was indented using 4 spaces.

有没有办法抑制这种情况？

Answer 1

更新:看到您在问题中包括了花括号，建议您尝试将文件的扩展名从.sass更改为.scss。 SCSS可能会忽略您的缩进，因为它可以根据花括号判断出哪个部分在哪里。

SASS依靠缩进来告诉您要在何处应用CSS，因此如果每行中的CSS都不同，它将无法对其进行验证。尝试以下方法:

.something
    -webkit-box-sizing: border-box 
    -moz-box-sizing:    border-box
    box-sizing:         border-box

就我个人而言，我什至不必费心缩进 border-box来使它们全部始于同一列，因为这样做太多了，而 yield 却很少。作为替代方案，您可以编写一个mixin来为您做这件事:

@mixin border-box
    -webkit-box-sizing: border-box
    -moz-box-sizing: border-box
    box-sizing: border-box

定义之后，您可以直接包含它:

.something
    @include border-box