CSS的white-space属性用于设置 如何处理元素内的空白字符
空白字符包括换行符,空格和制表符
这个解释不够有力,因为文本换行没有插入换行符,但是也受其控制。
| 换行符 | 空格和制表符 | 文本换行 | 行末空格 | 行末的其他空白分隔符 | |
|---|---|---|---|---|---|
normal | 合并 | 合并 | 换行 | 移除 | 挂起 |
nowrap | 合并 | 合并 | 不换行 | 移除 | 挂起 |
pre | 保留 | 保留 | 不换行 | 保留 | 不换行 |
pre-wrap | 保留 | 保留 | 换行 | 挂起 | 挂起 |
pre-line | 保留 | 合并 | 换行 | 移除 | 挂起 |
break-spaces | 保留 | 保留 | 换行 | 换行 | 换行 |
从日常应用,以及结合上表,我们知道主要用于两个地方:
- 对不对空格进行合并
- 如何处理文本换行
normal:合并多余的空白符,并且文本换行
nowrap:合并多余的空白符,但是不换行
pre: preserve 保护 保持
pre:保留原始文本格式,不换行
pre-wrap: 保留原始文本格式,换行
pre-line: 只保留换行符,换行
这里不换行指的是达到文本框边界时换不换行,<br/>都是会换的