word-wrap:break-word
- word-wrap 属性用来标明是否允许浏览器在单词内进行断句
- 会首先尝试挪到下一行,看看下一行的宽度够不够,不够的话就进行单词内的断句。
word-break:break-all;
- word-break属性用来标明怎么样进行单词内的断句。
- 它断句的方式非常粗暴,它不会尝试把长单词挪到下一行,而是直接进行单词内的断句。
主要区别:
word-wrap:break-word会首先起一个新行来放置长单词,新的行还是放不下这个长单词则会对长单词进行强制断句;而word-break:break-all则不会把长单词放在一个新行里,当这一行放不下的时候就直接强制断句了。
参考链接:区别