css中单词换行断词数字换行word-break、word-wrap、white-space的样式
元素内换行
- word-break:当行尾放不下一个单词的时候,决定单词内部该怎么放置
- break-all:放不下的时候再单词的内部换行
- keep-all:放不下的时候另起一行,新行也放不下的时候就不换行,往后面显示全部
- word-wrap:当行尾放不下的时候,决定单词内是否允许换行
- normal:单词太长,只允许在断字点换行,没有就溢出显示
- break-word:单词太长,先换行,换行后还是太长,单词内可以换行
- white-space:碰到空白符怎么换行
- nowrap:文本不换行,直到遇到br标签
- pre-wrap:保留空白字符,但是正常的换行
- pre-line:合并空格,允许折行
- pre:保留空格和换行符