white-space word-wrap word-break

1、white-space

     决定 空白/换行符 的表现形式，用通俗的话来说就是 标签内容的文字是否换行。

     white-space：nowrap;   /*  加上这句就是不换行，不带这句就是换行（默认换行），就会用这一个。。。  */

2、word-break

      这个和是否换行没关系，决定 在何处 换行。

        normal  使用浏览器默认的换行规则。（行的剩余空间不足以放得下 下一个单词，就另起一行放置下一个单词）

        break-all  允许在单词内换行。（行的剩余空间不足以放得下 下一个单词，仍然放置下一个单词，把下一个单词换行）

        keep-all  只能在半角空格或连字符处换行。

3、word-wrap

       word-wrap可以当做是word-break的补充，如果一个单词的长度超过了标签的宽度，是否在该单词内换行。

       normal  浏览器保持默认处理，不换行。

       break-word  在单词内换行