用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