關於文字爆出去

-- text-overflow --
文字超出邊界時的處理方法，須配合 overflow: hidden; 和 white-space: nowrap; 使用。可設為：
--> overflow: hidden; white-space: nowrap; text-overflow: ellipsis;

clip：切去超出的部分不顯示，此為預設值。
ellipsis：用 "..." 表示後面還有文字未顯示出來。
ellipsis-word：使用 "a€|" 表示後面還有文字未顯示出來。主要瀏覽器都沒支援此項。
inherit：繼承父元素的特徵值。

***************************************************************************************************

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

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

***************************************************************************************************

-- word-wrap --
指定是否可以將完整的長字分為二，以免長字超出邊界。適用於英文，通常英文用音節規則來斷字。可設為：

break-word：可以任意斷字，不依循音節規則。
normal：長字會維持原狀，超出邊界，此為預設值。
inherit：繼承父元素特徵。

使用此項，必須先將 text-wrap 特徵設為 normal 或 suppress。例外的是 IE 沒有 text-wrap，一律可以用此項。

***************************************************************************************************

-- word-break --
word-break 屬性主要是用來設定亞洲語言(Chinese, Japan, Korea)及非亞洲語言文字的斷行規則。

normal       Break words according to their usual rules
break-all  Lines may break between any two letters
keep-all   Breaks are prohibited between pairs of letters