word-wrap和word-break的区别

word-wrap:break-word;word-break:break-all;到底是什么呢?

word-wrap:

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

word-break:

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

word-wrap:break-word照样能把一个长串英文或数字拆成多行。
事实上,word-wrap:break-word与word-break:break-all
共同点是都能把长单词强行断句,
不同点是
     word-wrap:break-word会首先起一个新行来放置长单词,新的行还是放不下这个长单词则会对长单词进行强制断句;
     而word-break:break-all则不会把长单词放在一个新行里,当这一行放不下的时候就直接强制断句了。

单词内的断句都会对西文的可读性产生一定的影响,有时候这点就要注意了。

Tables Are Cool
col 3 is right-aligned $1600
col 2 is centered $12
zebra stripes are neat $1

你可能感兴趣的:(word-wrap和word-break的区别)