CSS white-space属性,处理空格
white-space属性
CSS中的white-space属性可以用于设置HTML中文本将如何处理空格或者称为空白符,比如是否保留或是否保留换行符等等。其属性值有如下几种可选:
属性值
属性值 | 描述 |
---|---|
normal | 为默认值,表示空白(多于一个的空格)会被浏览器忽略; |
pre | 空白被浏览器保留; |
nowrap | 文本不换行,直到<br>标签为止; |
pre-wrap | 保留空白符序列,正常换行; |
pre-line | 合并空白符,保留换行符; |
inherit | 从父元素继承white-space属性值; |
white-space属性实例代码,及在线编辑器
<p>这个不设置任何white-spacing的属性,看下这里输入六个空格 ,当浏览器渲染的时候,多余的空格不会被保留。</p>
<p class='w1'>这里将white-spacing属性设置为pre,将保留下面这 六个空格。</p>
<style>
.w1{white-space:pre;}
</style>