語法：text-overflow :clip|ellipsis
取值：clip：預設值 。不顯示省略標記(……)，而是簡單的裁切。
ellipsis： 當物件內文字溢位時顯示省略標記(……)。
可惜text-overflow 還只是ie的私有屬性而已，也沒被收錄到w3c標準裡
ⅰ. 如果想讓某個容器（div或者li 等塊級元素）顯示一行文字，當文字內容過多時，不換行，而是出現「……」，可以這樣寫：
1.2.
"">
3.4.
12.13.
華電國際鄒城發電廠是目前世界上最大的火力發電廠，其電力資源甚至遠供加拿大。
14.15.
注意：overflow:hidden; text-overflow:ellipsis; white-space:nowrap;一定要一起用。
1.一定要給容器定義寬度。
2.如果少了overflow: hidden;文字會橫向撐到容器的外面。
3.如果少了white-space:nowrap;文字會把容器的高度往下撐；即使你定義了高度，省略號也不會出現，多餘的文字會被裁切掉
4.如果少了text-overflow:ellipsis;多餘的文字會被裁切掉，就相當於你這樣定義text-overflow:clip。
ⅱ. 如果容器是table，當文字內容過多時，不換行，而是出現「……」這樣寫：
html**：
"- //w3c//dtd xhtml 1.0 strict//en" "
">
">
0" cellpadding="0">
華電國際鄒城發電廠是目前世界上最大的火力發電廠，其電力資源甚至遠供加拿大。
注意： 1.一定要給table定義table-layout:fixed;只有定義了**的布局演算法為fixed，下面td的定義才能起作用。
其它的要點和上面一樣，即
2.一定要給容器定義寬度。
3.如果少了overflow: hidden;文字會橫向撐到容易的外面。
4.如果少了white-space:nowrap;文字會把容器的高度往下撐；即使你定義了高度，省略號也不會出現，多餘的文字會被裁切掉
5.如果少了text-overflow:ellipsis;多餘的文字會被裁切掉，就相當於你這樣定義text-overflow:clip。
text-overflow 的相容性： 測過ie6，ie7，ff3，safari，opera，chorme，只有ff3和opera不相容。
ⅲ.
另一種寫法，比較怪：
切張省略號的dot.jpg【li的背景圖，背景圖在li容器的右上角，並讓子元素span相對于父元素div絕對定位，並把span的背景設定成背景色，寬度要大於或者等於省略號的寬度。
①如果內容沒有溢位，那麼層div的大小就固定在那寬度不變了，絕對定位的span(一片白色區域)剛好蓋在li的背景(即省略號)上，這樣就看不到省略號。
②如果內容溢位，那麼層div就會被撐大，換行，因為span絕對定位到div的右下角，所以span蓋不住li的背景圖，背景圖在第一行的最右邊，而span跑到了li的最後一行的最右邊，因而我們能夠看到省略號。
缺點：對於連續的英文本母和阿拉伯數字不起作用
html code：
xmlns
="">
class
="list">
執行效果如下：
文字溢位顯示省略標記 的bug
常用css方法 注意事項 1 只適用於塊屬性元素 或者給行內元素設定display block 2 當元素浮動時，不會顯示 解決方法是給元素設定width 100 或者固定的寬度。3 火狐中的bug 當用彈性盒模型布局時，布局的子元素設定此方法不起作用。解決方法 不用彈性盒模型布局。或者採用別的方法...
文字溢位顯示省略標記 的bug
常用css方法 注意事項 1 只適用於塊屬性元素 或者給行內元素設定display block 2 當元素浮動時，不會顯示 解決方法是給元素設定width 100 或者固定的寬度。3 火狐中的bug 當用彈性盒模型布局時，布局的子元素設定此方法不起作用。解決方法 不用彈性盒模型布局。或者採用別的方法...
css 溢位文字顯示省略標記隱藏
在網頁上我們經常看到如下圖的文字省略的顯示方式，那麼是如何做到這種效果的呢？要想解決這個問題，我們先要了解文字溢位隱藏。normal 使用瀏覽器預設的換行規則。break all 允許在單詞內換行。keep all 只能在半形空格或連字元處換行。主要處理英文單詞 white space設定或檢索物件...