首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

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

2012-03-21 
求助:不固定宽度TD里超长内容如何能不换行而超出部分自动隐藏一个类似这样的TABLE,其中一个TD的宽度不固定

求助:不固定宽度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; "

热点排行