IntelliJ IDEA 12：高度上的CSS格式被破坏

Question

我喜欢IDEA但是它在CSS3上的格式让我困扰了很多次，它格式化了

height: -webkit-calc(100% - 45px);
height: -moz-calc(100% - 45px);
height: -o-calc(100% - 45px);
height: calc(100% - 45px);

到

height: -webkit-calc(100% -45px);
height: -moz-calc(100% -45px);
height: -o-calc(100% -45px);
height: calc(100% -45px);

每次都会导致错误（我打开自动格式，所以每次检测到错误后我都要修复它。）

我找不到任何地方可以纠正这个问题吗？

Answer 1

这是bug in WebStorm。

Intellij IDEA包含WebStorm，所以他们可能会分享这个错误。我可以确认它仍在12.1中。

我的建议是使用LESS而不是CSS。出于某些神秘的原因，LESS文件不受此错误的影响。

---

为了减少对痛苦的影响（确实是双关语），有一些提示：

• CSS语法适用于LESS，所以基本上你根本不需要更改样式表

• 您可以配置File Watcher，它会动态编译您的LESS文件，在指定目录中生成常规CSS文件，因此您甚至无需更改导入样式表的方式HTML