css之word-wrap和word-break的区别
对于英文单词，如果有一个连写且长度很长的英文单词，在第一行显示不下的情况下，浏览器默认不会截断显示，而是把这个单词整体挪到下一行。
但是当整体挪到下一行还是显示不完全该肿么办呢？有如下两个方法：
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则不会把长单词放在一个新行里，当这一行放不下的时候就直接强制断句了。
本文内容仅供个人学习、研究或参考使用，不构成任何形式的决策建议、专业指导或法律依据。未经授权，禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载，请保留原文来源信息，不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持！