【发布时间】：2017-11-22 04:06:12
【问题描述】：
我正在尝试在我的 CSS 中使用 justify-content: space-evenly;，但 Atom 将 space-evenly 显示为灰色，就像它无效一样。这是相关代码：
@media only screen and (max-width: 900px) and (min-width: 768px) {
.plan-panel {
-ms-justify-content: space-evenly;
-webkit-justify-content: space-evenly;
-moz-justify-content: space-evenly;
justify-content: space-evenly; } }
这是我在 Atom 中看到的图片
我在 MDN 网络文档中找到了这个：
在应用长度和自动边距后完成对齐， 这意味着，如果在 Flexbox 布局中至少有一个灵活的 元素，flex-grow 不为 0，它不会有任何效果 不会有任何可用空间。
但是，我没有使用 flex-grow 属性。
有人对为什么 Atom 不能很好地使用这个属性/值组合有什么建议吗？
【问题讨论】：
-
space-evenly仅受 Chrome v.60 和 Firefox v.52 支持......您可以删除所有这些前缀值。如果您显示一个最小的代码示例，有一个解决方法，使用伪元素。 -
@Michael_B 感谢您指导我找到正确答案。
-
@LGSon 所以...如果像
space-evenly这样的值没有被普遍支持，那么Atom 会通过灰显来表明它无效？ -
不完全了解 Atom，在 Electron 上运行，如果它使用的渲染引擎支持属性或属性值，我不应该将其灰显。此外，这些软件通常不使用最新的引擎，如果没有，它还没有了解
space-evenly（即 Chrome v. 60 发布于 07/17，Firefox v. 52 发布于03/17)。 -
@HollandWilson 我重新打开了这个问题，请提供您的评论作为答案
标签： css flexbox atom-editor