2009/01/20

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

測試 pre

pre 加上 overflow:auto

white-space(你正在看 第一頁) : 第一頁 第二頁 第三頁