求 把超出容器的部分显示为省略号的兼容各浏览器的可行方案

Question

本帖最后由 cocoanet 于 2010-05-17 14:48:44 编辑

Answer 1

这个问题有意思，虽然我还没碰到，查了下，貌似这个解决方案不错：http://www.jide.fr/english/emulate-text-overflowellipsis-in-firefox-with-css

Answer 2

我在公司上不了外网，能上个CSDN之类的技术站，能麻烦 贴到这里来吗？不胜感激。

Answer 3

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:description crop="end" xbl:inherits="value=xbl:text">
        <children/>
      </xul:description>
    </content>
  </binding>
</bindings>
css
.ellipsis {text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;-moz-binding:url('ellipsis.xml#ellipsis');display:block;}//ps，如果是a标签，不加display:block有的浏览器可能无法应用

Answer 4

很好。。虽然Firefox2.0不支持，但已经很好了。但是，如果容其中的内容为图片<img src="...."/>时，不能显示，需要怎么设置？