word-wrap与word-break为长单词换行

如果你遇到长串英文单词或者url换行的问题,这时候就需要用到word-wrap与word-break这2个css属性啦。

word-wrap:break-word;长单词与url地址自动换行。

word-break:break-all;文本强制换行。

word-wrap:break-word;

比较温和,如果英文单词过长时,它会先尝试把整个单词挪到下一行,如果下一行还是过长(单词长度已经超过了容器),这时它才会进行单词内的断句。

看截图所示:

word-break:break-all;则是简单粗暴的直接强制单词内的断句

 

原文地址:https://www.cnblogs.com/qianlegeqian/p/3986755.html