sass编译后css里的{}末尾总是不换行，有什么解决办法吗？

Question

sass编译后css里的{}末尾总是不换行，有什么解决办法吗？

Answer 1

你用的是koala不，是的话，再选中你要编译的scss文件后有个副框出来，在输出方式里选择不同方式在点执行编译就行了，分别如下：

nested：所有{}的全是展开的例如

div {

width：100px;

}

expanded：和nested差不多，只不过“}”不是另起一行而是和内容的最后同一行，例如

div {

width:100px;}

compact：每一个{}作为一行，例如

div {width:100px;height:20px;}

li{text-decoration:none;}

compressed:所有内容都在一行