white-space
这个属性是用来控制空白字符显示的,同时还能控制是否自动换行
值 | 换行符 | 空白符 | 自动换行 | <br> |
---|---|---|---|---|
normal 默认 | 当作空白符 | 合并 | × | √ |
nowrap | × | 合并 | √ | √ |
pre | √ | 保留 | × | √ |
pre-wrap | √ | 保留 | √ | √ |
pre-line | √ | 合并 | √ | √ |
word-break
这个属性指定了怎么在单词内断行
值 | 规则 |
---|---|
normal 默认 | 使用默认断行规则 |
break-all | 对于 non-CJK (CJK 指中文/日文/韩文) 文本,可在任意字符间断行 |
keep-all | CJK 文本不断行。 Non-CJK 文本表现同 normal |
break-word | word-break: normal 和overflow-wrap: anywhere 的合 |
overflow-wrap
值 | 效果 |
---|---|
normal 默认 | 只能在正常的单词结束处换行 |
break-word | 如果行内没有正常单词结束的断点,那么可以在任意点断开 |
anywhere | 如果行内没有正常单词结束的断点,那么可以在任意点断开,断点不加入连字符 |