用 CSS 实现文本过长时，省略号“……”显示效果。

Html代码 
view plaincopy to clipboardprint?  
<div style="width: 230px; border: 1px solid blue; overflow: hidden; text-overflow:ellipsis">    
<nobr>就是比如有一行文字，很长，表格内一行显示不下.</nobr>    
<nobr>这是不该换行的文本,这是一行不该换行的文本 ,这是文本行的结尾。</nobr>    
</div>    
<div style="width: 230px; border: 1px solid blue; overflow: hidden; text-overflow:ellipsis">  
<nobr>就是比如有一行文字，很长，表格内一行显示不下.</nobr>  
<nobr>这是不该换行的文本,这是一行不该换行的文本 ,这是文本行的结尾。</nobr>  
</div>   
解释：<nobr></nobr>标签与<br/>标签对立，表示不换行，这里最强的是text-overflow:ellipsis；来看一CSS中对这一属性的解释： 
语法： 
　　text-overflow : clip | ellipsis 
　　参数： 
　　clip : 　不显示省略标记（...），而是简单的裁切 
　　（clip这个参数是不常用的！） 
　　ellipsis : 　当对象内文本溢出时显示省略标记（...） 
　　说明： 
　　设置或检索是否使用一个省略标记（...）标示对象内文本的溢出。 
　　最大的缺点：text-overflow:ellipsis属性在FF中是没有效果的。 
注意：
一、仅定义text-overflow:ellipsis; 不能实现省略号效果。 
二、定义text-overflow:ellipsis; white-space:nowrap; 同样不能实现省略号效果。 
三、同时应用： text-overflow:ellipsis; white-space:nowrap; overflow:hidden; 实现了所想要得到的溢出文本显示省略号效果： 
请您非凡注重，text-overflow:ellipsis属性在FF中是没有效果的。（Y_Y） 
原文：http://zzx0421.javaeye.com/blog/450958