word break和word wrap

Posted HelloHello233

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了word break和word wrap相关的知识,希望对你有一定的参考价值。

默认情况下,如果同一行中某个单词太长了,它就会被默认移动到下一行去:

 

word break(normal | break-all | keep-all):表示断词的方式

word wrap(normal | break-word):表示是否要断词

 

word wrap

  break-word   【要断词】

  独占一行(默认情况下单词太长就会被换到下一行去,所以就独占一行了)的单词被断开成多行,

   

  默认值normal,则不断词,而是一行显示,超出容器

word break

  break-all:和上面相比,都是具有断词的功能,但是这里默认不会移动到下一行来,也就是说效果相比上面的会把上一行的空位填满(这个位置本来就是这个单词的位置)

  

  keep-all:测试发现和默认情况表现的行为是一样,两者都是根据空格或连字符来识别单词再换行的

  

 

以上是关于word break和word wrap的主要内容,如果未能解决你的问题,请参考以下文章

word-wrap:break-word;和word-break:break-all;的区别

word-break和word-wrap

word break和word wrap

对word-wrap和word-break的理解

你真的了解word-wrap和word-break的区别吗?

word-break和word-wrap有什么区别?