日期:2014-05-17  浏览次数:20711 次

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


------解决方案--------------------
参考:

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