CSS 文字效果
CSS 文本 溢出、自动换行、换行规则和书写模式
在本章中您将了解以下属性：
text-overflowword-wrapword-breakwriting-mode
CSS 文本溢出
CSS text-overflow 属性指定应如何向用户发出未显示的溢出内容的信号。
可以剪辑：
这是一段很长的文字，框里放不下
或者也可以将其呈现为省略号（...）：
这是一段很长的文字，框里放不下
CSS代码如下：
例子
p.测试1 {
空白：现在换行；
宽度：200px；
边框：1px 实线 #000000；
溢出：隐藏；
文本溢出：剪辑；
}
p.测试2 {
空白：现在换行；
宽度：200px；
边框：1px 实线#000；
溢出：隐藏；
文本溢出：省略号；
}
亲自尝试 »
下面的示例展示了如何在鼠标悬停在元素上时显示溢出的内容：
CSS 自动换行
CSS word-wrap 属性允许将长单词拆分并换到下一行。
如果一个单词太长，无法在一个区域内显示出来，它就会扩展到区域外：
本段包含一个非常长的单词：thisisaveryveryveryveryveryverylongword。这个长单词将会断开并换行到下一行。
word-wrap 属性允许你强制文本换行 - 即使这意味着在单词中间拆分文本：
本段包含一个非常长的单词：thisisaveryveryveryveryveryverylongword。这个长单词将会断开并换行到下一行。
CSS代码如下：
CSS 分词
CSS word-break 属性指定换行规则。
本段包含一些文本。此行将在连字符处断开。
本段落包含一些文本。行会在任何字符处换行。
CSS代码如下：
CSS 书写模式
CSS writing-mode 属性指定文本行是水平排列还是垂直排列。
带有 span 元素的一些文本 垂直-rl 写作模式。
下面的例子展示了一些不同的书写模式：
CSS 文本效果属性
下表列出了 CSS 文本效果属性：
| 财产 | 描述 |
|---|---|
| 文字对齐 | 指定对齐文本的对齐方式和间距 |
| 文本溢出 | 指定如何向用户发出未显示的溢出内容的信号 |
| 单词中断 | 指定非 CJK 脚本的换行规则 |
| 自动换行 | 允许将长单词拆分并换行到下一行 |
| 写作模式 | 指定文本行是水平排列还是垂直排列 |
