word break和word wrap

时间:2022-05-22 10:41:52

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

word break和word wrap

word break和word wrap

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

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

word wrap

  break-word   【要断词】

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

  word break和word wrap

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

word break

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

  word break和word wrap

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