CSS基础---CSS强制性换行(word-wrap;word-break;)

块级元素在其内显示的文字超过其宽度时会自动换行，前提条件是white-space属性值设置为
默认的normal；如果white-space：nowrap；会强制其内的文字在一行显示；

及特殊的情况，但当录入的数据是一堆没有空格的字符或字母或数字（测试人员很会这样做，平常很少出现，要不怎么说测试人的思维是想你想不到的），超过容器宽度时就会把容器撑大或者不撑大直接超过了其宽度，不换行。

处理方式：
　　word-break:break-all;

　　word-wrap:break-word;

word-break：该属性支持IE，chrome,FF(最新版的，旧版貌似不支持),如果该行末尾有个很长很长的英文
单词，这个属性会截断该英文单词，分两行显示；很不科学；

word-wrap:该属性支持IE、chrome、FF，如果该行末尾有个很长很长的英文单词，它会将该单词看成为
一个整体，在判断最后的位置不够显示该单词后，会自动将该单词整体换行显示，不会截断；

在块级元素中，最好将white-space属性修改为默认值，避免值为nowrap强制一行显示；

在飞块级元素，比如span中，会出现以下情况：

它会重新启用一行，相当于独立的一行并不是整体的，这时候最好的操作就是将该dom元素该为块级元素。
或者设置起display属性为-webkit-box;