修剪帶有「...」的文本，如果它太長

Question

我有一定大小的div。現在每當數據從數據庫傳入該div時，文本的多餘長度就會以包裝文本的形式出現（如MS Excel）。我希望它在一行中，顯然在div中。結束與「...」

任何人都可以幫助我這樣做使用CSS。

在此先感謝

Answer 1

試試這個：

text-overflow: ellipsis; 
word-wrap: nowrap; 

Answer 2

您可以使用此：

text-overflow: ellipsis; 

，它將使 '...'，如果它太長。

參考：http://www.w3schools.com/cssref/css3_pr_text-overflow.asp

編輯：由於AndyM的評論，你也可以使用white-space:nowrap處理空格overflow:hidden防止文本溢出。