中国第一Ajax站长门户:www.okajax.com   虚拟主机 域名注册 云主机

firefox实现text-overflow:ellipsis效果 - okajax.com - Ajax中国

我要投稿 会员登陆 RSS订阅 本站推荐:
您的位置主页 > 网页设计 > 浏览器研究 > firefox实现text-overflow:ellipsis效果

firefox实现text-overflow:ellipsis效果

2009-05-23    文章来源:互联网    浏览次数:

 Firefox still does not implement the proposed CSS3 text-overflow property. It does however provide a similar behaviour for the XUL description element. Furthermore, it does support XBL bindings through CSS. This leads to the following solution:

 

  1. .ellipsis {  
  2.   text-overflow: ellipsis;  
  3.   -moz-binding: url('ellipsis.xml#ellipsis'); 

 

  1. <?xml version="1.0"?> 
  2. <bindings 
  3.   xmlns="http://www.mozilla.org/xbl" 
  4.   xmlns:xbl="http://www.mozilla.org/xbl" 
  5.   xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" 
  6. > 
  7.   <binding id="ellipsis"> 
  8.     <content> 
  9.       <xul:description crop="end" xbl:inherits="value=xbl:text"><children/></xul:description> 
  10.     </content> 
  11.   </binding> 
  12. </bindings> 

xul:description的crop原来是那样强。。除了可以点点点掉后面的。。还可以点点点前面或者中间部分的。。这个功能可是非常实用哦,不知道W3C虾米时候也给这样的CSS属性让我们简单搞定一大堆问题呢。

然后还不小心发现。hedger悄悄的也实现一样的功能Hacking text-overflow for Firefox,不过还是感觉用XBL简洁方便。。

在很久很久以前,我也在研究,能不能调用firefox处理title的点点点的东东来完成效果,不过一直没实现。之前提出的-moz-text-overflow: ellipsis;via这种不靠谱的说法也不行,看来人家是铁了心。
 

文章评论(查看全部)

看不清楚?单击换一张。
loading.. 评论加载中....
关于我们 - 广告服务 - 版权隐私 - 免责声明 - RSS地图 - 网站地图 - 使用帮助 - 返回顶部