CSS學習筆記：溢出文本省略（text-overflow）

在CSS3中，text-overflow屬性的基本文法如下：

clip:表示不顯示省略文本，簡單的裁切。

ellipsis:表示對象文本溢出時顯示省略标記，省略标記插入的位置是最後一個字元。

ellipsis-word：表示當對象文本溢出時顯示省略标記，省略标記插入的位置是最後一個詞（word）。

實際上，text-overflow屬性僅用于決定當文本溢出時是否顯示省略标記，并不具備樣式定義的功能，要實作溢出時産生省略号的效果，應該在定義兩個樣式：強制文本在一行内顯示（white-space:nowrap）和溢出内容為隐藏（overflow:hidden），隻有這樣才能實作溢出文本顯示為省略号效果。

案例：

 效果：