【发布时间】:2019-03-09 02:37:27
【问题描述】:
Sublime Text 似乎无法识别 justify-items 和 justify-self 属性,只是显示为无效语法。 (Sublime 是最新的,语言设置为 CSS,并且在父/子网格关系方面正确使用了 justify-items 和 justify-self)。
注意:我没有任何类似属性的语法问题,例如 justify-content 或 align-items;只有justify-items 和justify-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