使用webstorm按列对齐属性

Question

如何将WebStorm对齐为少，以便可以像bootstrap个文件那样对齐属性：

@navbar-default-color:             #777;
@navbar-default-bg:                #fff;
@navbar-default-border:            darken(@navbar-default-bg, 6.5%);
@navbar-default-box-shadow:        0px 1px 5px 0px rgba(17, 16, 14, 0.1);

当我应用格式时，我得到以下内容：

@navbar-default-color: #777;
@navbar-default-bg: #fff;
@navbar-default-border: darken(@navbar-default-bg, 6.5%);
@navbar-default-box-shadow: 0px 1px 5px 0px rgba(17, 16, 14, 0.1);

Answer 1

您可以通过设置Settings | Code Style | CSS, Other, Align values: on colon

来对齐CSS属性