在css中使用white-space属性来影响浏览器处理子之间和文本行之间的空白符的方式。
white-space取不同值的影响:
值 | 空白符 | 换行符 | 自动换行 |
---|---|---|---|
normal | 合并 | 忽略 | 允许 |
nowrap | 合并 | 忽略 | 不允许 |
pre | 保留 | 保留 | 不允许 |
pre-wrap | 保留 | 保留 | 允许 |
pre-line | 合并 | 保留 | 允许 |
由上表可知,pre,pre-wrap和pre-line会保留换行符,也就意味着如果我们在文字中敲了回车键或者输入了
;(换行符),就会在指定位置换行。
<span>abc
def</span>
和
<span>abc def</span>
这样文字就会abc之后换行了,记住white-space的属性要指定为pre,pre-wrap和pre-line中的一个。