CSS属性 - white-space 空白属性使用说明

177 阅读 0 评论 117 点赞

我是靠谱客的博主完美小虾米，最近开发中收集的这篇文章主要介绍CSS属性 - white-space 空白属性使用说明，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

CSS属性 - white-space 空白属性说明
该CSS属性用来处理空白。

值：normal | pre | nowrap | inherit

可用值值的说明
normal 缺省值。文本自然换行。如果超过元素宽度，内容自然换到下一行。
nowrap 不允许换行。
pre 保留换行和空白。这个值只有当你声明了!DOCTYPE，且 IE 6 以上版本才支持。

在 HTML 文件里，空白，比如换行符 (line breaks)、空格 (spaces)、制表符 (tabs)，都被自动截去。HTML会自动截去多余的空格。不管你加多少空格，都被看做一个空格。为了在网页中增加空格，你可以使用表示空格。你也可以用<br>强制换行。

示例代码
.p1 {white-space: nowrap}
.p2 {white-space: normal}
继承
是

适用于
所有块类型的元素 (block elments)。