table TD 超出省略號

table{

　　table-layout: fixed;

}

td{

　　white-space: nowrap;
　　overflow: hidden;
　　text-overflow: ellipsis;

}

原理：

本方法用於解決表格單元格內容過多時的美觀問題，主要涉及到4句CSS樣式：

1. table-layout: fixed 由於table-layout的默認值是auto，即table的寬高將取決於其內容的多寡，如果內容的體積無法估測，那么最終表格的呈現形式也無法保證了，fixed一下就好了。（注意：此樣式是關鍵）

2. white-space: nowrap 是為了保證無論單元格（TD）中文本內容有多少，都不會自動換行，此時多余的內容會在水平方向撐破單元格。

3. overflow: hidden 隱藏超出單元格的部分。

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

兼容性：

Internet Explorer 6, 7, 8, 9及以上版本

FireFox 最新版

Chrome 最新版