让表格的列自适应内容(列内容不换行)
时间：2007-03-06 来源：Jedliu
确保表格列的数据不换行的问题的解决办法：
1、直接在每一列中加上<nobr>，例如：<td><nobr>测试</td>。
2、修改CSS文件，在TD的属性中加上white-space:nowrap就可以了（这种方法会保证所有的列的数据都不换行），如修改单行的代码可以是<td style="white-space:nowrap">内容</td>。
3、增加一个CSS属性，用于限制新的TD，这样需要在调用TD的时候指定class就可以了。
以下为两种情况的图示：
1）增加<nobr>或者CSS属性前
500)this.width=500;" border=0>
2）修改后的效果
500)this.width=500;" border=0>
各种方法的优劣性： 1、需要修改所有的无须换行的列。 2、简单但是如果需要换行的列较多的话修改也会比较烦琐。 3、简单而且不会导致全局修改的问题。
【补充】如何让表格自动换行呢？只要给td加上style="word-break: break-all;word-wrap: break-word;"样式即可。
各种方法的优劣性： 1、需要修改所有的无须换行的列。 2、简单但是如果需要换行的列较多的话修改也会比较烦琐。 3、简单而且不会导致全局修改的问题。
|
相关阅读 更多 +
