css控制溢出内容 用省略号代替显示

 如<span style="width:100px">xxxxx</span>

xxx内容超过100px 溢出换行

可以用以下css 控制溢出内容用省略号代替

{  

text-overflow:ellipsis;

overflow:hidden;

white-space:nowrap;

}

对于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