CSS中text-overflow（省略号）的应用

 ul{padding:0px; margin:0px; list-style:none;}
 li{line-height:21px;white-space:nowrap;/*设置不折行*/  text-overflow:ellipsis;/*这就是省略号喽*/  -o-text-overflow:ellipsis;/*兼容opera*/  overflow: hidden;/*设置超过的隐藏*/; width:213px;}

<ul>
<li>·<a href="#">测试信息测试信息测试信息测试信息测</a></li>
<li>·<a href="#">[外语]2011年下半年剑桥通用英语报考</a></li>
<li>·<a href="#">测试信息测试信息测试信息</a></li>
<li>·<a href="#">测试信息测试信息测试信息</a></li>
<li>·<a href="#">测试信息测试信息测试信息</a></li>
<li>·<a href="#">爱测试信息测试信息测试信息评</a></li>
<li>·<a href="#">测试信息测试信息测试信息测试信息</a></li>
</ul>