CSS3文本
CSS3包含几个新文本功能。
在本章中，您将了解以下文本属性：
-
text-overflow -
word-wrap -
word-break
浏览器支持
在表中的数字规定，完全支持该属性的第一个浏览器版本。
数字后面-O-指定用一个前缀工作的第一个版本。
| 属性 | |||||
|---|---|---|---|---|---|
| text-overflow | 4.0 | 6.0 | 7.0 | 3.1 | 11.0 9.0 -o- |
| word-wrap | 23.0 | 5.5 | 3.5 | 6.1 | 12.1 |
| word-break | 4.0 | 5.5 | 15.0 | 3.1 | 15.0 |
CSS3文本溢出
CSS3的text-overflow属性指定未显示的内容如何溢出，应通知给用户。
它可以被裁剪：
这是将不适合在框中一些长文本
或者它可以呈现为省略号（...）：
这是将不适合在框中一些长文本
CSS代码如下：
例
p.test1 {
white-space: nowrap;
width: 200px;
border: 1px solid #000000;
overflow: hidden;
text-overflow: clip;
}
p.test2 {
white-space: nowrap;
width: 200px;
border: 1px solid #000000;
overflow: hidden;
text-overflow: ellipsis;
} 试一试» 下面的例子显示悬停在该元素时如何显示溢出的内容：
CSS3自动换行
CSS3的word-wrap属性允许长单词才能够被突破，换到下一行。
如果一个词太长，以适应在一个区域内，它扩大外：
本款包含一个很长的一句话： thisisaveryveryveryveryveryverylongword 。 长字将打破，并换到下一行。
该自动换行属性，您可以强制文本换行 - 即使这意味着分割在一个单词中间：
本款包含一个很长的一句话： thisisaveryveryveryveryveryverylongword 。 长字将打破，并换到下一行。
CSS代码如下：
CSS3断字
CSS3的word-break属性指定换行规则。
这一段包含一些文本。 这条线将-打破-AT-连字符。
这一段包含一些文本。 该线将打破在任何字符。
CSS代码如下：
自测练习用！
CSS3文本属性
下表列出了新的CSS3文本属性：
| 属性 | 描述 |
|---|---|
| text-align-last | 指定如何对齐文本的最后一行 |
| text-emphasis | 用于设置文本强调风格和文本强调色在一个声明中速记 |
| text-justify | 指定如何对齐文本应该对齐和间隔 |
| text-overflow | 指定了未显示，应通知给用户如何溢出内容 |
| word-break | 指定非CJK文字换行规则 |
| word-wrap | 允许长字，以便能够被破碎并换到下一行 |