我正在烦恼浏览器在文本两行之间对齐时处理连字号的不同方式。以下是我的文本CSS设置:
text-align: justify;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
我的语言设置是en
。一个被处理不一致的单词是“表达”:
Chrome: no hyphenation
Firefox: express-ing [correct!]
IE11: express-ing [correct!]
Safari: express-ing [correct!]
令人费解的是,Safari 能够对德语单词“Gesamtkunstwerk”进行连字处理:
Chrome: no hyphenation
Firefox: no hyphenation
IE11: no hyphenation
Safari: Gesamtkunst-werk [correct!]
我不知道Safari如何识别这个单词是德语并对其进行连字符处理。有什么想法吗?
CSS3规范指出了hyphenate-resource
选项,但我没有找到包含和/或编辑的示例文件。理想情况下,如果该选项在主要浏览器中得到支持,我将包含它,并希望编辑非英语单词以及编辑其默认值。
最佳方法是什么?