【问题标题】:Why are justify-items and justify-self invalid syntax in Sublime?为什么在 Sublime 中 justify-items 和 justify-self 语法无效?
【发布时间】:2019-03-09 02:37:27
【问题描述】:

Sublime Text 似乎无法识别 justify-itemsjustify-self 属性,只是显示为无效语法。 (Sublime 是最新的,语言设置为 CSS,并且在父/子网格关系方面正确使用了 justify-items 和 justify-self)。

注意:我没有任何类似属性的语法问题,例如 justify-contentalign-items;只有justify-itemsjustify-self

关于为什么会发生这种情况的任何想法?

--

这是我所看到的图像:

这是代码:

.grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(150px, 1fr));
  grid-gap: 20px;
  justify-items: center;
}

.item {
  justify-self: end;
}

【问题讨论】:

  • 只有崇高的开发人员才能帮助您...当新属性仍不受支持时,这是很常见的问题
  • 可能是这些属性在其规范(CSS 框对齐模块 3)中仍处于工作草案状态,因此还不是“官方”属性。您使用和提到的其他属性都处于候选推荐阶段(官方)。
  • 但是这些属性真的有效吗?我经常在 IDE 中看到无效突出显示的属性,例如 jsFiddle。但是,它们仍然可以在浏览器中使用。
  • 在 Sublime 中看到的不是语法高亮是由于 Sublime 中的语法规范没有识别该项目是有效的。这意味着在这种情况下,语法不知道这些属性,因此它们不会突出显示。使用时,这对文件没有任何影响;这纯粹是一种视觉效果。

标签: css sublimetext3 css-grid


【解决方案1】:

安装 CSS3 包:https://packagecontrol.io/packages/CSS3

Cltr+Shift+P,选择Package Control Install Package,选择CSS3

然后将CSS3 设置为Views -> Syntax 中所有.css 文件的默认语法。

【讨论】:

    猜你喜欢
    • 2015-12-09
    • 2018-07-10
    • 1970-01-01
    • 2019-04-29
    相关资源
    最近更新 更多