語法：?
　　text-overflow?:?clip?|?ellipsis?

參數：?
　　clip?:?　不顯示省略標記（...），而是簡單的裁切
　　（clip這個參數是不常用的！）
　　ellipsis?:?　當對象內文本溢出時顯示省略標記（...）
?
　　說明：?
　　設置或檢索是否使用一個省略標記（...）標示對象內文本的溢出。
　　請您注意，text-overflow:ellipsis屬性在FF中是沒有效果的。

?

注意：單獨定義text-overflow屬性是沒有任何效果的

示例：
　　div?{?text-overflow?:?clip;?}?

　　text-overflow是一個比較特殊的樣式，我們可以用它代替我們通常所用的標題截取函數，而且這樣做對搜索引擎更加友好，如：標題文件有50個漢字，而我們的列表可能只有300px的寬度。如果用標題截取函數，則標題不是完整的，如果我們用CSS樣式text-overflow:ellipsis，輸出的標題是完整的，只是受容器大小的局限不顯示出來罷了。

　　關于text-overflow屬性如何應用，我們作如下的說明講解：

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

資料來源：http://www.52css.com/article.asp?id=602

轉載于:https://www.cnblogs.com/daxian2012/archive/2012/07/10/2584098.html

總結

以上是生活随笔為你收集整理的CSS基础:text-overflow:ellipsis溢出文本的显示样式的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。