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;