CSS网格-为什么“正当项目”变灰但有效?

时间:2018-11-27 15:22:42

标签: html css syntax frontend css-grid

在尝试了很长时间以实现我想要的目标之后,我终于在justify-items: center;的{​​{1}}中将它与.div一起使用

但是,我从未尝试过这样做的原因是因为如果我输入display: grid;,它将变成灰色,就像您输入错误的语法一样。我正在使用原子

我可以忽略这个吗?我一直以为代码变灰意味着错误(或“未知”)语法

很抱歉,如果这是一个非常基本的问题,但是我感到困惑,因为一周前我才刚开始接触前端,却对此一无所获

编辑:

看起来像这样:

justify-items: center;

在Atom中,.div { grid-column: 2/3; display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); grid-template-rows: auto; justify-items: center; } 变灰了,但是可以正常工作

1 个答案:

答案 0 :(得分:2)

这只是css语法荧光笔插件不完整(甚至有一个拉取请求来添加对该https://github.com/atom/language-css/issues/131的支持)。

不要使用语法突出显示作为对是非的参考,它只是一个插件,提供有人为帮助而写的视觉指示,而不是使用诸如https://developer.mozilla.org/en-US/docs/Web/CSS/justify-items之类的适当引用来代替。怀疑。