table中th的宽度限定使用一行省略不生效的解决办法

今天遇见一个特别的问题：在table中<tr><th>AAAA</th></tr>使用以下代码不生效：

1. 1. white-space: nowrap;
   2. overflow: hidden;
   3. text-overflow: ellipsis;width:80px
   4. 我想可能是没有限定最大宽度吧，所以限定了最大宽度后发现 这段代码奇迹般的生效了：
   5. 因为我的tr的宽度是100%；
   6. 在使用width:80px后并没作用在它上面于是我添加了max-width：80px结果奇迹般的生效了。。
   使用table在display前后页面的内容发生了偏移。原来的tabel是好的但是经过一番none和block的切换后发现tabel原来的布局有所改变于是我想还是放在一个div中看能否生效。结果就生效了。。。。。
   1. 
      
   
   

 

1. white-space: nowrap;
2. overflow: hidden;
3. text-overflow: ellipsis;

1. white-space: nowrap;
2. overflow: hidden;
3. text-overflow: ellipsis;