語法： text-overflow : clip | ellipsis
引數： clip : 不顯示省略標記（...），而是簡單的裁切 （clip這個引數是不常用的！）
ellipsis : 當物件內文字溢位時顯示省略標記（...）
說明： 設定或檢索是否使用乙個省略標記（...）標示物件內文字的溢位。
請您注意，text-overflow:ellipsis屬性在ff中是沒有效果的。
示例： div
text-overflow是乙個比較特殊的樣式，我們可以用它代替我們通常所用的標題擷取函式，而且這樣做對搜尋引擎更加友好，如：標題檔案有50個漢字，而我們的列表可能只有300px的寬度。如果用標題擷取函式，則標題不是完整的，如果我們用css樣式text-overflow:ellipsis，輸出的標題是完整的，只是受容器大小的侷限不顯示出來罷了。
關於text-overflow屬性如何應用，我們作如下的說明講解：
text-overflow屬性僅是註解，當文字溢位時是否顯示省略標記。並不具備其它的樣式屬性定義。我們想要實現溢位時產生省略號的效果。還必須定義：強制文字在一行內顯示（white-space:nowrap）及溢位內容為隱藏（overflow:hidden）。只有這樣才能實現溢位文字顯示省略號的效果。
所以只要在css樣式中同時應用： text-overflow:ellipsis; white-space:nowrap; overflow:hidden; 就實現了所想要得到的溢位文字顯示省略號效果：
css 樣式文字溢位顯示省略號
在table中使用溢位樣式，table樣式要設定為 table layout fixed 即，溢位樣式才有效果 table tbody tr td 注釋 white space nowrap 表示文字不會換行，在同一行繼續，知道遇到 標籤為止 overflow hidden 不顯示超過物件尺寸的內容...
css實現文字溢位顯示省略號
看到很多 上的文章列表只顯示一部分，之後就是乙個閱讀全文鏈結，或者是以乙個省略號結尾。今天就說說單行文字，多行文字溢位時怎麼顯示省略號？overflow hidden white space nowrap text overflow ellipsis display webkit box 將物件作為...
自動擷取文字，css實現文字超出顯示省略彙總
01.塊狀元素單行文字超出顯示省略號 ul li 02.td內的文字超出顯示省略號 table td本方法用於解決 單元格內容過多時的美觀問題，主要涉及到4句css樣式 1.table layout fixed 由於table layout的預設值是auto，即table的寬高將取決於其內容的多寡，...