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)
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)
因此,浏览器中的合理文本是一个很大的禁忌,正慢慢成为现实.