关于CSS3文本换行的方法

一、

目前可被主流支持的：
text-overflow 主要解决文本溢出，
取值：clip[ 默认值 ] | ellipsis | string(仅支持Firefox)

配合 white-space : nowrap ; overflow : hidden 使用

二、

word-wrap

取值：normal [ 默认值 ] | break-word

--长单词换行

word-break

取值：normal [ 默认值 ] | break-all | keep-all

--非CJK（"中日韩"）脚本的断行规则

break-all	允许在单词内换行。
keep-all	只能在半角空格或连字符处换行。

潜规则——默认情况下（不写任何样式情况下的显示规则）：
①单词末尾放不下：另起一行，
②长单词过长且字母连续：不折断
③长单词过长且带破折号：保守折断

[b]重点：下述常用的三种样式针对上述3种潜规则进行改进的区别[/b]

word-wrap：break-word [b]长单词过长且字母连续：吻合折断[/b]
[b][b][b] [ [b]改[b]②[/b] 潜规则 [b][b][b][b][b]①[b][b][b]③[/b][/b][/b][/b][/b][/b][/b][/b]不变]
[/b][/b][/b][/b]
[b][/b]
word-break：keep-all[b]长单词过长且带破折号：不折断
[/b]
[b] [ [b]改③ [b][b][b]潜规则 [b][b][b][b][b][b]①[b][/b][/b][/b][/b][/b][/b][b][b][b][b][b]②[/b][/b][/b][/b][/b]不变[/b][/b][/b][/b]][/b][/b]

[b]word-break：break-all 单词末尾放不下 ：[b][b]吻合[/b]折断[/b][/b]
[b][b][b] [b][b]长单词过长且字母连续：[b][b]吻合[/b]折断[/b][/b]
[/b][/b][/b][/b]
[b]长单词过长且带破折号：吻合折断
[/b]
[b] [最强：[b][b][b][b][b][b]潜规则 [b][b][b][b][b][b]①[b][/b][/b][/b][/b][/b][/b][b][b][b][b][b]②[b][b][b]③全部改变[/b][/b][/b][/b][/b][/b][/b][/b][/b][/b][/b][/b][/b][/b][b][/b]][/b][/b]
[b][/b]
[b]
保守折断是按一定格式折断，吻合折断是不留任何边界空白的折断[/b]