firefox不支持text-overflow一直让人很折腾。。不过还好有大虾为我们提供解决方案。。text-overflow: ellipsis for firefox
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:
.ellipsis { text-overflow: ellipsis; -moz-binding: url('ellipsis.xml#ellipsis');<?xml version="1.0"?> <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:description crop="end" xbl:inherits="value=xbl:text"><children/></xul:description> </content> </binding> </bindings>
xul:description的crop原来是那样强。。除了可以点点点掉后面的。。还可以点点点前面或者中间部分的。。这个功能可是非常实用哦,不知道W3C虾米时候也给这样的CSS属性让我们简单搞定一大堆问题呢。
然后还不小心发现。hedger悄悄的也实现一样的功能Hacking text-overflow for Firefox,不过还是感觉用XBL简洁方便。。
在很久很久以前,我也在研究,能不能调用firefox处理title的点点点的东东来完成效果,不过一直没实现。之前提出的-moz-text-overflow: ellipsis;via这种不靠谱的说法也不行,看来人家是铁了心。

共有 15 条评论
不错的方法,有时候不得不佩服老外的创意。
我靠,被GFW了?翻墙才看到
@old9 是你RPWT,娃哈哈
噢噢,好像又好了~
唉, 好座位又被抢了.
title 里写 XUL, 正文里写 XBL.
到底是哪个捏, 晕了.
我强大的洞察力..
@锐风 你觉得你的洞察力真的强吗??
锐风被无情的讽刺了~
另,aoao也是熬夜一族
重装上阵,好期待惊喜。。。
用了它,FF line-height失效
@梦翔 私有东西通常会引起不良后果滴。。。
先不管引起不引起不了后果,先拿来用了
[...] 参考文章:http://www.aoao.org.cn/blog/2008/07/firefox-text-overflow-ellipsis/ [...]
终于找到方法咯!!~~~
先保存下来了