css中单词换行断词数字换行word-break、word-wrap、white-space的样式

元素内换行

  1. word-break:当行尾放不下一个单词的时候,决定单词内部该怎么放置
    • break-all:放不下的时候再单词的内部换行
    • keep-all:放不下的时候另起一行,新行也放不下的时候就不换行,往后面显示全部
  2. word-wrap:当行尾放不下的时候,决定单词内是否允许换行
    • normal:单词太长,只允许在断字点换行,没有就溢出显示
    • break-word:单词太长,先换行,换行后还是太长,单词内可以换行
  3. white-space:碰到空白符怎么换行
    • nowrap:文本不换行,直到遇到br标签
    • pre-wrap:保留空白字符,但是正常的换行
    • pre-line:合并空格,允许折行
    • pre:保留空格和换行符
posted @ 2020-06-02 19:25  香荣如梦  阅读(708)  评论(0编辑  收藏  举报