无效的属性名称：flex-basis：1 0 max-content

Posted 2023-02-27

【中文标题】无效的属性名称：flex-basis：1 0 max-content

【英文标题】：Invalid property name: flex-basis: 1 0 max-content

【发布时间】：2019-08-30 14:57:51

【问题描述】：

我将flex 属性应用于页面上的多个 div，并在 Chrome 中查看得到以下结果：

悬停时的消息是Invalid property name。

不管怎样，我的代码如下：

.class-name 
  flex: 1 0 max-content;

我以为max-content 是supported in Chrome 所以我不确定为什么会这样？我的浏览器是最新的，如果我把它拉到flex-basis，我会遇到同样的问题。

非常感谢任何解释或建议，即使（尤其是）我遗漏了一些非常简单的东西:)

【问题讨论】：

flex-basis 的最大内容是实验性的，chrome 不支持：developer.mozilla.org/en-US/docs/Web/CSS/…

完美——非常感谢@Pete。如果您想将其作为答案弹出，我会接受。感谢您的帮助！

【参考方案1】：

根据MDN 上的浏览​​器兼容性图表，flex-basis 的 max-content 关键字仍处于试验阶段，与 Chrome 不兼容