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

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

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

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

相关文章