toc

Intro

css3中出现了文本模块Text Module的概念，是单独将文本相关的属性制订规则，形成文本模型，相较与之前的版本，css3完善了文本相关的属性。

1. white-space-collapse 用于设置或者检索对象内包含的空格字符，属性有：

• collapse 使用一个单一的字符序列呈现空白（或在某些情况下，没有字符）。
• preserve 呈现所有的空白，换行符将被保留
• preserve-breaks 抛弃所有空白，但保留空白
• discard 抛弃所有空白

2.text-wrap css3中使用text-wrap和word-wrap控制文本换行。text-wrap设置或者检索对象内文本的换行模式。属性有：

• normal 自动换行模式
• none 不换行模式
• unrestrained 无限制模式
• suppress 压制模式

3.white-space 用于设置或检索对象内空格字符的处理方式。white-space属于white-space-collapse和text-wrap属性的渐变用法。

• normal 类似于white-space-collapse:collapse;text-wrap:normal;。
• pre 类似于white-space-collapse:preserve;text-wrap:none;。
• nowrap 类似于white-space-collapse:collapse;text-wrap:none;。
• pre-wrap 类似于white-space-collapse:preserve;text-wrap:normal;。
• pre-line 类似于white-space-collapse:preserve-breaks;text-wrap:normal;。

4.word-break 用于处理多语言情况下的对象内文本字内的换行行为，中文使用break-all。

• normal 根据语言自己的规则确定换行方式。
• keep-all 同normal，对于东亚字体不容许字断开。
• loose 类似于normal 但是容许东亚字体在任意位置断开。
• break-strict 类似于normal，但是容许非东亚字体在任意位置断开。
• break-all 类似于break-strict，非东亚字体应该遵循loose规则。

5.text-align 用于设置或者检索对象内文本的对其方式。与css2.1相比，css3新增了start end 属性。shart和end属性主要针对行内元素，即在包含元素的头部或者尾部显示；属性值主要用于表格单元格中，将根据某个指定的字符对齐。

6.text-align-last 主要用于设置或者检索对象内最后一行文本的对其方式，主要针对text-align:justify的属性值，值有start end left right center和justify。

7. text-justify 该属性只有在text-align:justify情况下才有效。

• auto 容许浏览器使用两端对齐的方式。
• inter-word 通过增加字之间的空格对齐文本，是对齐所有文本行的最快方法，它的两段对齐方式对段落的组后一行无效。
• inter-ideograph 针对表意字符设置两段对齐方式。为了实现对齐，浏览器会增加或减少字符或词间的空格。
• inter-cluster 调整文本或者词间的空格，用于优化东亚语言的文档。
• distribute 通过增加或减少字或字母之间的空格来对齐文本，是用于拉丁文字母表两端对齐的最精确格式，适用于东亚文档，尤其泰文，
• kashida 通过拉长选定点的字符来调整文本。这种调整模式特别针对阿拉伯脚本语言提供的。
• tibtan两端对齐方式与distribute相同，同样不包括段落最后一行，适用于表意字文档。（貌似已经被删除link）

8.word-spacing 用于设置对象内单次之间插入的空格。值有normal | | percentage表示根据空格字符（u+0020）的宽度计算。单词间距会受到对齐调整的影响。

9.punctuation-trim 用于设置标点符号的修剪。

• none 不修剪
• start 根据开始位置的标点符号修剪另一半标点符号。
• end 根据结束位置的标点符号修剪另一半标点符号。
• adjacent 根据相邻位置的标点符号修剪另一半标点符号。

10. text-emphasis 用于设置重点文本样式

• none 没有重点标记
• accent 马克笔画标记
• dot 点标记
• circle 空心圆
• disc 实心圆
• before 在顶部标记，或者在右侧标记（针对垂直书写的文本）
• after 在文字底部标记，或者在左侧标记（针对垂直书写的文本）

11.text-outline 用于设置文本的外形轮廓，值有 none | ? | ? 第一个长度表示轮廓厚度，第二个值可选，用来设置模糊半径，。轮廓不会覆盖文本本身。

12. text-indent 用于设置对象中文本的缩进，值有 | | hanging ? 其中表示根据包含元素的宽度进行计算。

13. hanging-punctuation 用于设置对象是否悬挂一个标点符号，值有 none | start end end-edge

• start 标点符号可以挂在第一行开始处的边缘。
• end 标点符号可以挂在最后一行末未处的边缘。
• end-edge 标点符号可能会挂起所有行结束边缘的外面。

当然css3中文本模块包含的属性还有之前介绍的 text-ovrflow text-shadow word-wrap。

最后上述只是做了简单的搬用工作，还未在实际中详细验证使用，留待以后。