CSS停止文本溢出

Question

我正在編寫一個動態應用程序，我遇到的一個問題是我的文本包含在div中，而且當div的大小太小而不能包含文本時，瀏覽器會表現得很有趣。

有沒有辦法在CSS中創建文本'cutoff'？任何不適合的文字都會被刪除。

Answer 1

使用overflow: hidden

Answer 2

你試過overflow: hidden;？

Answer 3

不幸的是，這個問題沒有完全的CSS解決方案（沒有看到部分呈現的文本）。最近的事情是使用CSS3屬性text-overflow: ellipsis，它將剪切字符串並添加'＆hellip;'到最後。這種技術的最大缺點是Firefox目前不支持它，而且看起來也不會在不久的將來。但是，您可以暫時使用替代品和不太優雅的solution for Firefox。

更多信息：
W3C text-overflow specs（仍然工作草案）的Firefox support for text-overflow

Answer 4

/*ellipsis stuff*/ 
    white-space: nowrap; 
    overflow: hidden; 
    text-transform: none; 
    text-overflow: ellipsis; /* IE 6+, FF 7+, Op 11+, Saf 1.3+, Chr 1+*/ 
    -o-text-overflow: ellipsis; /* for Opera 9 & 10 */ 
    -ms-text-overflow: ellipsis; /*IE 8*/ 

OBS
Browser support for text-overflow
軌道的狀態：還設置寬度與優選尺寸