text-overflow:ellipsis;-moz-binding: url('ellipsis.xml#ellipsis'); 文本字符串超过容器长度溢出部分显示点点点省略号"..." ,支持I...

 HTML示例文件代码：

<! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >  
< HTML >  
< HEAD >  
< TITLE >  New Document  </ TITLE >
< style >  
.ellipsis {  
table-layout : fixed 
}  
.ellipsis td {
text-overflow : ellipsis ; /* IE6+样式 */
overflow : hidden ;
white-space : nowrap ;
padding : 2px ;
-moz-binding :  url('ellipsis.xml#ellipsis') ; /* firefox样式 */
}  
</ style >  
</ HEAD >
< BODY >  
< table  cellSpacing ="0"  cellpadding ="1"  width ="80%"  class ="ellipsis"  border ="1" >  
< colgroup >  
< col >  
< col  width ="100" >  
</ colgroup >  
< tBody >  
< tr >  
< td >< a  href ="http://www.cnblogs.com/manyeyes/" > manyeyes————文本字符串超过容器长度溢出部分显示点点点省略号"..."ManyEyes————文本字符串超过容器长度溢出部分显示点点点省略号"..." </ a ></ td >  
< td > ManyEyes </ td >  
</ tr >  
< tr >  
< td >< a  href ="http://www.cnblogs.com/manyeyes/" > manyeyes————文本字符串超过容器长度溢出部分显示点点点省略号"..."ManyEyes————文本字符串超过容器长度溢出部分显示点点点省略号"..." </ a ></ td >  
< td > ManyEyes </ td >  
</ tr >  
< tr >  
< td >< a  href ="http://www.cnblogs.com/manyeyes/" > manyeyes————文本字符串超过容器长度溢出部分显示点点点省略号"..."ManyEyes————文本字符串超过容器长度溢出部分显示点点点省略号"..." </ a ></ td >  
< td > ManyEyes </ td >  
</ tr >  
</ tBody >  
</ table >  
</ BODY >  
</ HTML >

 

 

 

 XML文件代码，文件名：ellipsis.xml 

<? xml version="1.0"? encoding="utf-8"  ?>
< bindings 
   xmlns ="http://www.mozilla.org/xbl"  
  xmlns:xbl ="http://www.mozilla.org/xbl"  
  xmlns:xul ="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" >
   < binding  id ="ellipsis" >
     < content >
       < xul:window >
         < xul:description  crop ="end"  xbl:inherits ="value=xbl:text" >
           < children />
         </ xul:description >
       </ xul:window >
     </ content >
   </ binding >
</ bindings >

 

转载于:https://www.cnblogs.com/manyeyes/archive/2010/10/27/1862712.html