对于英文单词，如果有一个连写且长度很长的英文单词，在第一行显示不下的情况下，浏览器默认不会截断显示，而是把这个单词整体挪到下一行。 

但是当整体挪到下一行还是显示不完全该肿么办呢？有如下两个方法：

word-wrap:break-word // 在浏览器默认处理的结果下进行截断
word-break:break-all // 不采用浏览器默认处理方式，直接在当前行进行截断，显示不完的截断显示在下一行。

ps:网上有些文章说，word-wrap:break-word 对长串英文不起作用，其实这是非常错误的，word-wrap:break-word照样能把一个长串英文或数字拆成多行。事实上，word-wrap:break-word与word-break:break-all共同点是都能把长单词强行断句，不同点是word-wrap:break-word会首先起一个新行来放置长单词，新的行还是放不下这个长单词则会对长单词进行强制断句；而word-break:break-all则不会把长单词放在一个新行里，当这一行放不下的时候就直接强制断句了。

链接: https://www.fly63.com/article/detial/3542