我們最常用的解決辦法就是直接利用overflow: hidden 隱藏超出單元格的部分,這樣有時(shí)中文出現(xiàn)半邊,后來查了再加個(gè)text-overflow: ellipsis 將被隱藏的那部分用省略號(hào)代替,這個(gè)方法好像對ff不支持。
table{ table-layout: fixed; } td{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }解析:1. table-layout: fixed 由于table-layout的默認(rèn)值是auto,即table的寬高將取決于其內(nèi)容的多寡,如果內(nèi)容的體積無法估測,那么最終表格的呈現(xiàn)形式也無法保證 了,fixed一下就好了。(注意:此樣式是關(guān)鍵)2. white-space: nowrap 是為了保證無論單元格(TD)中文本內(nèi)容有多少,都不會(huì)自動(dòng)換行,此時(shí)多余的內(nèi)容會(huì)在水平方向撐破單元格。 3. overflow: hidden 隱藏超出單元格的部分。 4. text-overflow: ellipsis 將被隱藏的那部分用省略號(hào)代替。 好了這個(gè)方法可支持大部份ie瀏覽器了,ff,gg瀏覽器都未測試過,不過利用了table有好像ie6不支持,求更好的解決辦法。