word-wrap 与 word-break 的区别

简单的说下区别,可能略有不对之处

word-wrap

word-wrap 与 word-break 的区别

 

word-break

word-wrap 与 word-break 的区别

可以看出区别如下

 

 word-wrap 属性用来标明是否允许浏览器在单词内进行断句,这是为了防止当一个字符串太长而找不到它的自然断句点时产生溢出现象。

 word-wrap 与 word-break 的区别

 

 word-break 属性用来标明怎么样进行单词内的断句。

word-wrap 与 word-break 的区别

 word-break:break-all与 word-wrap: break-word共同点是都能把长单词强行断句,不同点是word-wrap:break-word会首先起一个新行来放置长单词,新的行还是放不下这个长单词则会对长单词进行强制断句;word-break:break-all则不会把长单词放在一个新行里,当这一行放不下的时候就直接强制断句了

 

转载于:https://www.cnblogs.com/FineDay/articles/10097485.html