为什么 justify-content: space-evenly 在 Atom 中无效？

Question

我正在尝试在我的 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 网络文档中找到了这个：

The alignment is done after the lengths and auto margins are applied, meaning that, if in a Flexbox layout there is at least one flexible element, with flex-grow different from 0, it will have no effect as there won't be any available space.

但是，我没有使用 flex-grow 属性。

有没有人对为什么 Atom 不能很好地使用这个属性/ 值组合提出建议？

Answer 1

W3C 的 CSS 验证器也认为 justify-content: space-evenly 是错误的，这可能是由于大多数浏览器的支持很少。它会这样说：“space-evenly 不是 justify-content 值”。

为什么 justify-content: space-evenly 在 Atom 中无效？

Why is justify-content: space-evenly not valid in Atom?

css

flexbox

atom-editor