css 控制超長內容自動省略符號方法

代碼如下	複製代碼
table{ 　　table-layout: fixed; } td{ 　　white-space: nowrap; 　　overflow: hidden; 　　text-overflow: ellipsis; }

解析:1. table-layout: fixed 由於table-layout的預設值是auto，即table的寬高將取決於其內容的多寡，如果內容的體積無法估測，那麼最終表格的呈現形式也無法保證了，fixed一下就好了。（注意：此樣式是關鍵）2. white-space: nowrap 是為了保證無論儲存格（TD）中常值內容有多少，都不會自動換行，此時多餘的內容會在水平方向撐破儲存格。

3. overflow: hidden 隱藏超出儲存格的部分。

4. text-overflow: ellipsis 將被隱藏的那部分用省略符號代替。

好了這個方法可支援大部份ie瀏覽器了，ff,gg瀏覽器都未測試過，不過利用了table有好像ie6不支援哦，求更好的解決辦法。