table強制不換行

用iframe做了一個查詢，里面有一個表格，結果當頁面內容多的時候擠在了一起。

上圖：

很多行擠在了一起導致換行，當文字較多時，非常影響頁面樣式。現在需求要增加一個橫向的滾動條，字符不換行

table td{word-break: keep-all;white-space:nowrap;}
table th{word-break: keep-all;white-space:nowrap;}

插入上面的css，table中的字段就不會再換行。頁面下方會自動增加滾動條，加完后樣子如下：

在IE中的也正常：

最后再把核心代碼發一下：

table td{word-break: keep-all;white-space:nowrap;} table th{word-break: keep-all;white-space:nowrap;}

 

參考：http://www.cnblogs.com/liyinkan/archive/2010/10/28/1863382.html