再用text-overflow發現 沒有效果,該超出的仍是超出,沒有變成...spa
發現要text-overflow: ellipsis; overflow:hidden; white-space:nowrap; 三個一塊兒寫orm
語法:對象
text-overflow : clip | ellipsisip
取值:it
clip:cli
不顯示省略標記(...),而是簡單的裁切。語法
ellipsis:腳本
當對象內文本溢出時顯示省略標記(...)樣式
說明:margin
設置或檢索是否使用一個省略標記(...)標示對象內文本的溢出。對應的腳本特性爲textOverflow。
text-overflow屬性僅是註解,當文本溢出時是否顯示省略標記。並不具有其它的樣式屬性定義。要實現溢出時產生省略號的效果還須定義:強制文本在一行內顯示(white-space:nowrap)及溢出內容爲隱藏(overflow:hidden),只有這樣才能實現溢出文本顯示省略號的效果。