TShopping

 找回密碼
 註冊
搜索
查看: 589|回復: 0

[教學] CSS white-space 屬性

[複製鏈接]
發表於 2013-3-2 20:17:03 | 顯示全部樓層 |閱讀模式
 
Push to Facebook Push to Plurk Push to Twitter 
定義和用法white-space 屬性設置如何處理元素內的空白。
這個屬性聲明建立佈局過程中如何處理元素中的空白符。值 pre-wrap 和 pre-line 是 CSS 2.1 中新增的。
默認值:normal
繼承性:yes
版本:CSS1
JavaScript 語法:object.style.whiteSpace="pre"

實例規定段落中的文本不進行換行:
p  {  white-space: nowrap  }TIY

瀏覽器支持所有瀏覽器都支持 white-space 屬性。
註釋:任何的版本的 Internet Explorer (包括 IE8)都不支持屬性值 "inherit"。

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

TIY 實例在元素中禁止文本折行本例演示如何禁止在元素中的文本折行。

 

臉書網友討論
您需要登錄後才可以回帖 登錄 | 註冊 |

本版積分規則



Archiver|手機版|小黑屋|免責聲明|TShopping

GMT+8, 2016-12-7 00:13 , Processed in 0.053364 second(s), 21 queries .

本論壇言論純屬發表者個人意見,與 TShopping綜合論壇 立場無關 如有意見侵犯了您的權益 請寫信聯絡我們。

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回復 返回頂部 返回列表