firefox通过XUL实现text-overflow:ellipsis的效果

样式之美 - 正在消失 发布于2008-07-03 02:09:00 | 114次阅读 | 字体: 打印预览


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);

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

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

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

悄悄的推荐本书《JavaScript王者归来》


本文出处 : http://www.aoao.org.cn/blog/2008/07/firefox-text-overflow-ellipsis/ end

上一篇:[推荐]史泰龙亮相汽车广告

下一篇:[招聘] 武汉界面设计师

现在评论本文

authnum

0 条评论