Page 145 - css揭秘

none、manual 和 auto。manual 是它的初始值，其行为正好对应了现有的
工作方式：我们可以在任何时候手工插入软连字符，来实现断词折行的效
果。很显然 hyphens: none; 会禁用这种行为；而最为神奇的是，只需这短
短一行 CSS 就可以产生我们梦寐以求的效果：

hyphens: auto;

仅此一行足矣。你可以在图 5-2 中看到它的效果。当然，为了确保它奏
效，你需要在 HTML 标签的 lang 属性中指定合适的语言。其实不管怎样，
这本来就是你早该做好的份内之事。

如果需要更细粒度地控制连字符的行为（比如在简短的引文中），你仍
图 5-2 然可以通过一些软连字符（­）来辅助浏览器进行断词。这个 hyphens
使用了 hyphens: auto 的结果 属性会优先处理它们，然后再去计算其他可以断词的地方。
CSS 连字符可以非常平稳地退化。如果 hyphens 属性不被支持，得到
的文本对齐效果就是图 5-1 的程度。这个效果确实算不上好看，也算不上特
别易读，但它的可访问性还是完美可靠的。

试一试 play.csssecrets.io/hyphenation

„ CSS 文本
http://w3.org/TR/css-text 相关规范

„ CSS 文本（第四版）
http://dev.w3.org/csswg/css-text-4

关于未来 对连字符的控制

如果你是一位更偏重设计方向的网页开发者，你可能很难接受这一点：连字符的行为只有一个开关，没有
其他任何设置来控制它的断词方式。
不过接下来的这个消息可能会让你欢欣鼓舞。在未来，我们可以更细粒度地控制连字符的行为，因为 CSS
文本（第四版）（http://dev.w3.org/csswg/css-text-4）计划引入一些相关的新属性，比如：
„ hyphenate-limit-lines
„ hyphenate-limit-chars
„ hyphenate-limit-zone

„ hyphenate-limit-last
„ hyphenate-character

114 第 5 章 字体排印5 章 字体排印
114
第

඀ࠡ JOEC