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>

全栈前端 / CSS教程 :



























Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.