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

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

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

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

posted @ 2019-06-04 17:09  贝子涵夕  阅读(142)  评论(0编辑  收藏  举报