CSS连字符抛出错误（无效的属性值）

Posted 2023-02-18

【中文标题】CSS连字符抛出错误（无效的属性值）

【英文标题】：CSS hyphen throws error (invalid property value)

【发布时间】：2018-03-01 01:29:11

【问题描述】：

我想用连字符来打断一个文本，但它会带来一个错误：

上面写着：“Invlaid property value”。

但在许多文档中，他们说存在“自动”值！

它应该用连字符打破这个文本：

我希望有人能帮我解决这个问题！

【问题讨论】：

一个相关的chrome bug report

【参考方案1】：

添加到他们的答案以检查您是否有正确的浏览器https://caniuse.com/#feat=css-hyphens

您还可以查看 MDN 的相关文档，了解您的语言词典可能还不被支持。

（滚动到底部查看连字符字典语言兼容性） https://developer.mozilla.org/en-US/docs/Web/CSS/hyphens

甚至还有一个脚注写着 Chrome：

没有自动断字，只支持-webkit-hyphens: none。

【讨论】：

Chrome 88+chromestatus.com/feature/5672891947417600 中 Windows/Linux/ChromeOS 的 CSS 自动断字

【参考方案2】：

如果您在这里查看http://caniuse.com/#feat=css-hyphens，您会发现 chrome 并不真正支持连字符。

“目前仅支持 android 和 Mac 平台（并且仅支持“auto”值）。”

【参考方案3】：

Chrome 浏览器不支持“连字符”

【参考方案4】：

并非所有浏览器都支持连字符：CSS Text Module Level 3 下的 auto

例如，Chrome 仅支持使用 -Webkit- (13) 继承、初始、手动、无和取消设置。您正在使用的浏览器是什么？查看 CSS3 browser support 了解更多详情。