CSS white-space屬性詳解


概述

CSS的white-space屬性用於指定如何處理容器中的空白字符,例如:空格( )、換行(\n)、縮進(\t)等。

white-space出自CSS1,適用於塊狀元素,具有繼承性,支持IE 5.5+、Chrome、FireFox、Safari、Opera等所有主流瀏覽器,其默認值為normal

說明

white-space支持normalprenowrappre-wrappre-lineinherit等值。下面我們來詳細介紹這些值之間的區別。

描述
normal 默認。空白字符會被瀏覽器忽略。
pre 空白字符會被瀏覽器全部保留。其行為方式類似 HTML 中的 <pre> 標簽。
nowrap 文本不會換行,文本會在在同一行上繼續,直到遇到 <br> 標簽為止。
pre-wrap CSS 2.1新增保留空白符序列,但是正常地進行換行。
pre-line CSS 2.1新增合並空白符序列,但是保留換行符。
inherit IE 不支持規定應該從父元素繼承 white-space 屬性的值。

JavaScript操作

white-space在JavaScript中對應的屬性名稱為whiteSpace,例如:

document.getElementById("p1").style.whiteSpace = "nowrap";

style對象上的whiteSpace屬性是可讀寫的,但是currentStyle對象上的whiteSpace屬性是只讀的。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM