用css控制td中文字长度的限制和自动隐藏

仅在td的css中使用“overflow:hidden;”是看不到效果的,写法应该是:
<style type="text/css">
td 
{overflow:hidden; text-overflow:ellipsis;}
</style>
<table width="100%" border="1" cellpadding="2" cellspacing="2" bordercolor="#CCCCCC" style="table-layout:fixed">
  
<tr>
    
<td>afdsssssssssssssssssssssssssasdfasdfasdfasdfasdf</td>
    
<td>afdsssssssssssssssssssssssssasdfasdfasdfasdfasdf</td>
    
<td>afdsssssssssssssssssssssssssasdfasdfasdfasdfasdf</td>
    
<td>afdsssssssssssssssssssssssssasdfasdfasdfasdfasdf</td>
  
</tr>
</table>
注意table-layout:fixed
posted @ 2006-12-19 14:29  Don  阅读(6050)  评论(2)    收藏  举报