word-break和word-wrap的使用和区别

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

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

用法:   word-wrap: normal|break-word;

    word-break: normal|break-all|keep-all;

这两个属性的区别:

word-wrap:

word-break:

区别就是长单词在word-wrap作用下换到下一行,后面可以正常还行,word-break的作用下利用了上一行没有用完的空间。

 

posted @ 2020-03-03 16:42  给与时间以生命  阅读(262)  评论(0)    收藏  举报