1.word-break:break-all.只对英文起作用，以字母作为换行依据
2.word-wrap:break-word. 只对英文起作用，以单词作为换行依据
3.white-space:pre-wrap.只对中文起作用，强制换行
4.white-space:nowrap.强制不换行，都起作用
1. hello,
how are you. 不换行，隐藏超出部分，末尾显示省略号
2. 不换行，隐藏超出部分，末尾显示省略号
不设置 white-space 超出部分 自动换行，代码中的换行符 显示为空格
1. 不换行，隐藏超出部分，末尾显示省略号
2. 不换行，隐藏超出部分，末尾显示省略号
依据代码中的换行 显示，类似于 < pre>< /pre>
white-space: pre-wrap;
1. 不换行，隐藏超出部分，末尾显示省略号
2. 不换行，隐藏超出部分，末尾显示省略号
不换行，显示超出部分
white-space: nowrap;
1. 不换行，隐藏超出部分，末尾显示省略号
2. 不换行，隐藏超出部分，末尾显示省略号
不换行，隐藏超出部分
white-space: nowrap; overflow: hidden;
1. 不换行，隐藏超出部分，末尾显示省略号
2. 不换行，隐藏超出部分，末尾显示省略号
不换行，隐藏超出部分，末尾显示省略号
white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
1. 不换行，隐藏超出部分，末尾显示省略号
2. 不换行，隐藏超出部分，末尾显示省略号