div文字溢出自動加省略號（…）

CSS3屬性之五：text-overflow

語法：

text-overflow ： clip | ellipsis

取值：

clip：

不顯示省略標記（...），而是簡單的裁切。

ellipsis：

當對象內文本溢出時顯示省略標記（...）

說明：

1. 設置或檢索是否使用一個省略標記（...）標示對象內文本的溢出。對應的腳本特性爲textOverflow。

2. text-overflow屬性僅是註解，當文本溢出時是否顯示省略標記。並不具備其它的樣式屬性定義。要實現溢出時產生省略號的效果還須定義：強制文本在一行內顯示（white-space:nowrap）及溢出內容爲隱藏（overflow:hidden），只有這樣才能實現溢出文本顯示省略號的效果。

text-overflow:ellipsis;

overflow:hidden;

white-space:nowrap;

注意：只對第一行起作用

更多：

http://www.cnblogs.com/lianjun/archive/2011/03/24/1993479.html