CSS3连字符未应用

时间:2013-12-17 01:34:00

标签: css3 word-wrap hyphen hyphenation

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

我设置

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

......但没有任何反应。

Here我正在谈论的一个示例页面(顺便说一句,你不会在真实网站上看到上面的CSS,但我尝试使用Firebug)。

2 个答案:

答案 0 :(得分:1)

此案例中的问题是缺少lang属性。如果没有定义,Web浏览器就不知道如何对页面进行连字,因为他们不知道他们使用的是什么语言。

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

答案 1 :(得分:0)

您没有提到您正在使用的浏览器。

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

而且,在Firefox和Internet Explorer中,自动连字仅适用于某些语言(使用lang属性定义)。

编辑:这是Mozilla page,其中写着“这是一项实验性技术”。