CSS 截取標題

用CSS的text-overflow屬性，按顯示地區的大小截取標題，取代用程式自動截取標題的方式，這樣做有兩個優點：

(1) 因為中英文字型寬度不一，用程式自動截取標題，會出現長度參差不齊的情況。用CSS則可以根據顯示地區的大小來截取標題，使顯示效果更加整齊。

(2) 輸出完整的標題，有利於搜尋引擎識別完整的標題內容。

參數：
clip: 不顯示省略標記（...），而是簡單的裁切
ellipsis: 當對象內文本溢出時顯示省略標記（...）

說明： 設定或檢索是否使用一個省略標記（...）標示對象內文本的溢出。

樣本：

div { text-overflow : clip; }
div {
   width: ***px; /*定義顯示地區寬度*/
   text-overflow: ellipsis;
   overflow: hidden; /*相容FF，在FF下會隱藏超過長度的部分*/
   white-space:nowrap; /*要強制文本溢出發生並且應用ellipsis值，必須定義常值內容不換行*/
}