我正在尝试在我的文章中添加自动 CSS3 连字符。问题是标签似乎不影响文本。
我设置
.entry p {
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
...但什么也没有发生。
这是我正在谈论的示例页面(顺便说一句,您不会在真实站点中看到上述 CSS,但我尝试使用 Firebug)。
我正在尝试在我的文章中添加自动 CSS3 连字符。问题是标签似乎不影响文本。
我设置
.entry p {
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
...但什么也没有发生。
这是我正在谈论的示例页面(顺便说一句,您不会在真实站点中看到上述 CSS,但我尝试使用 Firebug)。
这种情况下的问题是缺少lang
属性。如果没有定义,Web 浏览器不知道如何对页面进行断字,因为它们不知道它们用什么语言进行断字。
添加此属性将解决支持连字符的浏览器中的问题。
您没有提及您使用的是哪种浏览器。
根据这篇文章,Chrome 和 Android 浏览器实际上支持 -webkit-hyphens: none,这是默认值,但没有其他值。
而且,在 Firefox 和 Internet Explorer 中,自动断字仅适用于某些语言(使用 lang 属性定义)。
编辑:这是Mozilla 页面,上面写着“这是一项实验性技术”。