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

 

转载于:https://www.cnblogs.com/andong2015/p/6114569.html