CSS white-space

110 阅读1分钟

CSS的white-space属性用于设置 如何处理元素内的空白字符

空白字符包括换行符,空格和制表符

这个解释不够有力,因为文本换行没有插入换行符,但是也受其控制。

换行符空格和制表符文本换行行末空格行末的其他空白分隔符
normal合并合并换行移除挂起
nowrap合并合并不换行移除挂起
pre保留保留不换行保留不换行
pre-wrap保留保留换行挂起挂起
pre-line保留合并换行移除挂起
break-spaces保留保留换行换行换行

从日常应用,以及结合上表,我们知道主要用于两个地方:

  1. 对不对空格进行合并
  2. 如何处理文本换行

normal:合并多余的空白符,并且文本换行

nowrap:合并多余的空白符,但是不换行

pre: preserve 保护 保持

pre:保留原始文本格式,不换行

pre-wrap: 保留原始文本格式,换行

pre-line: 只保留换行符,换行

这里不换行指的是达到文本框边界时换不换行,<br/>都是会换的