CSS white-space属性

  • 定义和用法

    white-space属性指定如何处理元素内的空白。
    特征 说明
    默认值 normal
    继承
    动画 没有。CSS动画参考
    CSS版本 CSS1
    JavaScript语法 object.style.whiteSpace="nowrap"尝试一下
  • 浏览器支持

    表中的数字指定了完全支持该属性的第一个浏览器版本。数字后跟-ms-, -webkit-,-moz-或-o-指定使用前缀的第一个版本。
    属性 IE/Edge Chrome FireFox Safari Opera
    属性名称
    white-space
    8.0
    1.0
    3.5
    3.0
    9.5
  • CSS语法

    white-space: normal|nowrap|pre|pre-line|pre-wrap|initial|inherit;
  • 实例

    演示不同的white-space属性值:
    p.a {
      white-space: nowrap;
    }
    
    p.b {
      white-space: normal;
    }
    
    p.c {
      white-space: pre;
    }
    
    尝试一下
  • 属性值

    属性值 描述
    normal 空白的序列将折叠成单个空格。 必要时文本将换行。 这是默认的
    nowrap 空白的序列将折叠成单个空格。 文本永远不会换行到下一行。 文本在同一行继续,直到遇到<br>标记
    pre 空格由浏览器保留。 文本仅包含换行符。 像HTML中的<pre>标签一样
    pre-line 空白的序列将折叠成单个空格。 文本将在必要时和换行符时换行
    pre-wrap 空格由浏览器保留。 文本将在必要时和换行符时换行
    initial 将此属性设置为其默认值。查看initial关键字
    inherit 从其父元素继承此属性。查看inherit关键字
  • 相关页面

    HTML教程:HTML样式
    CSS教程:CSS文本