css - 无论如何不要在 WebStorm 中格式化 CSS 新断线以更好地支持 Flexbox Grid

Question

有没有办法不格式化 CSS 断行 WebStorm？由于使用 Flex Grid 可以更好地处理多行...

例如，这是我喜欢的保存方式:

@media (max-width: 1200px) {
  .cardInner {
    grid-template-areas:
      "header"
      "sideA"
      "sideB"
      "sideC"
      "sideD" !important;
    grid-template-columns: 99% 1%!important;
    grid-template-rows: repeat(5, 45px) !important;
  }
  .justifyToStart {
    justify-self: normal !important;
  }

  .justifyToEnd {
    justify-self: normal !important;
  }
}

.cardInner {
  display: grid;
  //justify-content: end;
  //justify-items: end;
  grid-template-areas:
    "header header"
    "sideA sideB"
    "sideC sideD";

但是 cont-alt-L 会删除我的网格空间，这是使用 Flex-Grid 在 CSS 中保持事物组织化的便捷方式。

肖恩

Answer 1

你可以在这里使用格式化标记:

• 在设置中 |编辑|代码风格 | Formatter Control，勾选Enable formatter markers in comments复选框

• 用格式化程序注释包围您的代码:

.grid {
  display: grid;
  /*@formatter:off*/
   grid-template-areas: 
          "header header header"
           "sidebar content right"
           "footer footer footer"
  /*@formatter:on*/
}

我们有一个为网格布局属性提供特殊格式的功能请求，WEB-10013 ;更新请关注