css - 未应用 CSS3 连字符

Question

我正在尝试在我的文章中添加自动 CSS3 连字符。问题是标签似乎不影响文本。

我设置

.entry p {
  -webkit-hyphens: auto;
     -moz-hyphens: auto;
          hyphens: auto;
}

...但什么也没有发生。

这是我正在谈论的示例页面（顺便说一句，您不会在真实站点中看到上述 CSS，但我尝试使用 Firebug）。

score 1 · Accepted Answer

这种情况下的问题是缺少lang属性。如果没有定义，Web 浏览器不知道如何对页面进行断字，因为它们不知道它们用什么语言进行断字。

添加此属性将解决支持连字符的浏览器中的问题。

score 0 · Accepted Answer

您没有提及您使用的是哪种浏览器。

根据这篇文章，Chrome 和 Android 浏览器实际上支持 -webkit-hyphens: none，这是默认值，但没有其他值。

而且，在 Firefox 和 Internet Explorer 中，自动断字仅适用于某些语言（使用 lang 属性定义）。

编辑：这是Mozilla 页面，上面写着“这是一项实验性技术”。

2 回答 2