TD里超长内容不换行而超出部分自动隐藏的CSS样式

不固定宽度TD里超长内容不换行而超出部分自动隐藏

一个类似这样的TABLE，其中一个TD的宽度不固定，如何能让该TD的内容在一行内显示不换行，并且超出的部分能自动隐藏掉？（宽度不固定的情况下OVERFLOW貌似不起作用，而用了nowrap以后TD就被撑开了）
<table width= "100% " border= "1 " cellspacing= "0 " cellpadding= "0 "> <tr> <td width= "200 ">   </td> <td> 超长的不希望换行而希望能自动隐藏的内容，超长的不希望换行而希望能自动隐藏的内容 </td> <td>   </td> </tr> </table>

 

解决参考1：

想到个曲线救国的方法貌似可以解决,利用垂直方向的overflow:hidden;
<td>
<div   style= "overflow:hidden;   height:20px;   line-height:20px; ">
超长的不希望换行而希望能自动隐藏的内容，超长的不希望换行而希望能自动隐藏的内容
</div>
</td>

解决参考2：

<table width= "100% " border= "1 " cellspacing= "0 " cellpadding= "0 " style= "table-layout:fixed; "> <tr> <td width= "200 ">   </td> <td style= "white-space:nowrap; "> 超长的不希望换行而希望能自动隐藏的内容，超长的不希望换行而希望能自动隐藏的内容 </td> <td>   </td> </tr> </table>   

综合参考：

FF下，TD的样式里需要加入   overflow:hidden; 

<table width= "100% " border= "1 " cellspacing= "0 " cellpadding= "0 " style= "table-layout:fixed; "> <tr> <td width= "200 ">  a </td> <td style= "white-space:nowrap;overflow:hidden; "> 超长的不希望换行而希望能自动隐藏的内容，超长的不希望换行而希望能自动隐藏的内容 </td> <td>  c </td> </tr> </table>   

 

总结自于: http://topic.csdn.net/u/20070425/11/2bb795be-10bb-4197-b150-0aa38810fac5.html

也有关于DIV的： http://blog.csdn.net/mackey1982/archive/2007/07/20/1700636.aspx