word-break:
word-break: normal;
![](https://i-blog.csdnimg.cn/blog_migrate/a134c92dd9c9851d79966647d8dcff59.png)
word-break: keep-all;
![](https://i-blog.csdnimg.cn/blog_migrate/b641a91a75304ed042e9d13f84e7e6b5.png)
word-break: break-all;
一行放不下的时候就直接强制断句
![](https://i-blog.csdnimg.cn/blog_migrate/c145e2570dfcee27c71fff8c5b138ff7.png)
word-wrap:
word-wrap:break-word;
先另起一个行来放置长单词,新的行还是放不下这个长单词则会对长单词进行强制断句
![](https://i-blog.csdnimg.cn/blog_migrate/ba5c085870e02c284736f690221d0e03.png)
word-wrap:normal;
![](https://i-blog.csdnimg.cn/blog_migrate/e46401afc321ab098439ba9e58dcd564.png)
word-wrap:break-word与word-break:break-all共同点是都能把长单词强行断句,不同点是word-wrap:break-word会先另起一行来放置长单词,新的一行还是放不下这个长单词则会对长单词进行强制断句;而word-break:break-all则不会把长单词放在新的一行里,当当前行放不下的时候就直接强制断句了。