css如何让单元格td内容不换行？

1、在我的项目中遇到的单元格内容过多导致了换行的情况

2、看到了吧，显得好丑陋，这样的程序拿出去绝对会被客户找茬，没办法必须得改啊。不然客户那如同波涛汹涌的炉火不是一般人能承受的啊

3、下面是我探索得到的改正的方法

1. 通过设置css样式然后

2. 通过设置元素属性

4、先说说第一点吧，通过设置csss样式的方式拦截td的换行意图

代码如下：

/*让单元格内容过多时也不换行*/

#datasTableDiv table td{

white-space: nowrap;

}

好了，来看下效果吧

5、哈哈哈，果然没换行了，先让我大笑三声。

6、好了现在还有另外一种方法，就是通过属性来设置，不过这个比较繁琐，需要每个td都要设置，所以我没采用，也就没法演示了不过可以给大家描述下大致用法，毕竟总有部分人的需求比较小众。

用法大致是在td中添加nowrap属性，具体大家去试验吧