超出容器部分内容显示省略号的可行方案

«优秀的云存储服务Dropbox遭封杀 HIT I love you - 贺母校哈工大90华诞»

一个Web项目中有装载数据的表格，表格列可以拖拽调整宽度，在IE下可用text-overflow:ellipsis样式实现 超出列宽的内容以省略号代替，无奈标准浏览器不支持。网上的许多方案也不完美，有的利用hack手法能在Firefox下显示省略号，但是在字符没有超过宽度的情况下也会显示。如果用前端脚本来处理的话又感觉浪费了性能。最后采取了火狐的如下方式：

定义CSS：

.ellipsis {text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;-moz-binding:url('ellipsis.xml#ellipsis');display:block;}

CSS中调用的ellipsis.xml如下：

但经过验证Firefox2..0不支持此方法。
继续努力探求更稳妥、全面、完美的解决方案。
学习笔记之 ：超出容器部分内容显示省略号的兼容各浏览器的可行方案，暂作记录。

原创文章如转载，请注明：转载自蓝色骑兵 [ http://www.wkeke.cn/ ] 本文链接地址：http://www.wkeke.cn/archives/firefox-ie-ellipsis/

Tags:


相关文章


文章类别CSS, DHTML&Javascript作者cocoa 发表时间2010.06.02, 12:07 am

6 个牛人指点过：

  1. 山东H3C on 2010-06-05 12:53 pm

    别着急继续努力总会解决的哈！

  2. DGGVB on 2011-03-01 8:47 pm

    有意思

  3. Tory Burch Outlet on 2011-11-23 2:07 pm

    I have truely enjoyed getting to know you and I pray for you! I hope you get feeling better!

  4. Burberry Sale on 2011-11-23 4:26 pm

    Hi….thanks for this good information.I’m so happy because it’s very useful for my thesis research.

  5. UGGs on 2011-12-17 2:13 pm

    http://www.uggsboot-outlet.org

  6. nike air max on 2011-12-29 8:50 am

    etting to know you

请牛人赐教：