css style让超出部分隐藏，显示...

经测试在ie8及火狐下可以，其他版本浏览器未测试

.hideLong {
 white-space:nowrap;
 overflow:hidden;
 float:left;
 -o-text-overflow: ellipsis; /* for Opera */
 text-overflow:ellipsis; /* for IE */
}
用了hideLong样式后 宽度也要限定

 

 

<table cellpadding="0" cellspacing="0"  border="0">

<tr>
 <td  class='test' style='width:300px;'>
           很长  很长很长很长

</td>
</tr>
</table>

转载于:https://www.cnblogs.com/ooi-/p/3394682.html