css之word-wrap和word-break的区别

Posted 2021-12-19 chenbeibei520

对于英文单词，如果有一个连写且长度很长的英文单词，在第一行显示不下的情况下，浏览器默认不会截断显示，而是把这个单词整体挪到下一行。
但是当整体挪到下一行还是显示不完全该肿么办呢？有如下两个方法：

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

具体用法参考：https://www.cnblogs.com/2050/archive/2012/08/10/2632256.html
这篇讲的很详细。