css省略号效果
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>New Document </title>
<style>
.ctl
{
table-layout: fixed;
}
.xx
{
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
padding: 2px;
}
.ellipsis {width:50%;text-overflow:ellipsis; }/*just for ie*/
ul
{
padding: 0px;
margin: 0px;
list-style: none;padding-left:10px;
}
li{
width:90%;
white-space:nowrap;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
overflow: hidden;
}
</style>
</head>
<body>
<div >
<ul>
<li><span>1</span><span class="ellipsis">小王童鞋是大坏蛋；小王童鞋是大坏蛋；小王童鞋是大坏蛋；小王童鞋是大坏蛋；小王童鞋是大坏蛋；小王童鞋是大坏蛋；</span></li>
<li><span>1</span>小王童鞋是大坏蛋；小王童鞋是大坏蛋；小王童鞋是大坏蛋；小王童鞋是大坏蛋；小王童鞋是大坏蛋；小王童鞋是大坏蛋；</li>
<li><span>1</span>小王童鞋是大坏蛋；小王童鞋是大坏蛋；小王童鞋是大坏蛋；小王童鞋是大坏蛋；小王童鞋是大坏蛋；小王童鞋是大坏蛋；</li>
<li><span>1</span>小王童鞋是大坏蛋；小王童鞋是大坏蛋；小王童鞋是大坏蛋；小王童鞋是大坏蛋；小王童鞋是大坏蛋；小王童鞋是大坏蛋；</li>
</ul>
</div>
<table cellspacing="0" cellpadding="1" width="100%" class="ctl" >
<tbody>
<tr>
<td class="xx">
<a href="#"><font>小王童鞋是大坏蛋；小王童鞋是大坏蛋；小王童鞋是大坏蛋；小王童鞋是大坏蛋；小王童鞋是大坏蛋；小王童鞋是大坏蛋；小王童鞋是大坏蛋；</font></a>
</td>
<td >
(1/1)
</td>
</tr>
<tr>
<td>
小王童鞋是大坏蛋；小王童鞋是大坏蛋；小王童鞋是大坏蛋；小王童鞋是大坏蛋；小王童鞋是大坏蛋；小王童鞋是大坏蛋；小王童鞋是大坏蛋；
</td>
<td>
(1/1)
</td>
</tr>
<tr>
<td>
小王童鞋是大坏蛋；小王童鞋是大坏蛋；小王童鞋是大坏蛋；小王童鞋是大坏蛋；小王童鞋是大坏蛋；小王童鞋是大坏蛋；小王童鞋是大坏蛋；
</td>
<td>
(1/1)
</td>
</tr>
<tr>
<td>
小王童鞋是大坏蛋；小王童鞋是大坏蛋；小王童鞋是大坏蛋；小王童鞋是大坏蛋；小王童鞋是大坏蛋；小王童鞋是大坏蛋；小王童鞋是大坏蛋；
</td>
<td>
(1/1)
</td>
</tr>
</tbody>
</table>
</body>
</html>
