white-space 第一頁

white-space 1

文字中的空白的處理方法。空白字包括：空白，TAB，跳行字（line feed, carriage return, form feed）。可設為：

1. normal：連續的空白字都縮減為一個空白，長行遇到右邊界會跳行分為兩行，此為預設值。
2. pre：不縮減空白字，維持原狀。
3. pre-line：Firefox, Safari, Chrome 的定義是，連續的空白字會縮減為一個空白；跳行字（newline）保留，會跳行；長行也會跳行。IE 的定義是，連續的跳行會保留。
4. pre-wrap：Firefox, Safari, Chrome 的定義是，不縮減空白字；跳行字會跳行；長行也會跳行。IE 的定義是，連續的跳行字會縮減為一個跳行。
5. nowrap：連續的空白字會縮減為一個空白，不跳行。
6. inherit：繼承父元素的特徵值。

前述特徵值主要控制三項：

特徵值	連續空白字	跳行字	長行跳行
normal	縮為一個	視為空白	跳行
pre	保留	跳行	不跳行
pre-line	縮為一個	跳行	跳行
pre-wrap	保留	跳行	跳行
nowrap	縮為一個	視為空白	不跳行

測試 normal <p style='width:200px; background:#a66'> Not ask what your country can do for you, ask what you can do for your country. </p>

測試 pre <p style='white-space: pre; width:200px; background:#a66'> Not ask what your country can do for you, ask what you can do for your country. </p>

pre 加上 overflow:auto。 <p style='white-space: pre; overflow: auto; width:200px; background:#a66'> Not ask what your country can do for you, ask what you can do for your country. </p>

white-space（你正在看 第一頁）

:

第一頁

第二頁

第三頁