css 文本溢出时显示省略标记（...）

<style type="text/css">   
ul {width:300px; margin:50px auto;}   
li {width:300px; line-height:25px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}   

</style>   
   
<ul>   
<li>CSS实战精萃 - Pro CSS Techniques</li> 
<li>CSS实战：id是狙击枪 class是双刃剑合则两利分则两败</li> 
<li>CSS布局实例：CSS标签切换代码实例教程</li> 
<li>Web标准：改变您的网页制作思维方式 节省代码及结构与表现分离</li> 
<li>解决IE7以下版本不支持无A状态伪类的几种方法！</li> 
<li>CSS去除表格td默认间距及制作1px细线表格</li> 
</ul

重点是三个同时使用：text-overflow:ellipsis; white-space:nowrap; overflow:hidden;