WebKit连字符

dan*_*dax 16 css webkit hyphenation

有没有人成功地在任何WebKit浏览器中实现连字符?我也尝试过CSS3 hyphenation风格-webkit-hyphens: auto.其中任何一个都没有骰子.或者也许我做错了什么?

注意:我在Mac上只尝试过Safari和Chrome.

更新:代码示例

<html>
  <head>
    <style>
      div {
        -webkit-hyphens: auto;
      }
    </style>
  </head>
  <body>
     <div style="width: 150px; border: solid 1px black;">
       <p>Anaideia, spirit of ruthlessness, shamelessness, and unforgivingness</p>
       <p>Supercalifragilisticexpialidocious, Antidisestablishmentarianism, Floccinaucinihilipilification, Hippopotomonstrosesquipedaliophobia</p>
     </div>
  </body>
</html>
Run Code Online (Sandbox Code Playgroud)

Ric*_*haw 25

-webkit-hyphens在iOS 4.2及更高版本上运行良好,并且在webkit nightlies中得到部分支持.

WebKit的:

WebKit的

iOS 4.3:

iOS 4.3


nac*_*ans 12

它适用于Safari(在OS X Lion上使用Safari 5.1测试,在iPad上使用Safari移动测试),而不是使用Chrome.有关连字符浏览器支持,请参见http://caniuse.com/css-hyphens.

以下是320及以上项目中段落的样式(http://www.stuffandnonsense.co.uk/projects/320andup/):

p {
    hyphens:auto;
    text-align:justify;
    -webkit-hyphens:auto;
    -webkit-hyphenate-character:"\2010";
    -webkit-hyphenate-limit-after:1;
    -webkit-hyphenate-limit-before:3;
    -moz-hyphens:auto;
}
Run Code Online (Sandbox Code Playgroud)

(最后一行是Firefox)

因此,浏览器中的合理文本是一个很大的禁忌,正慢慢成为现实.