Html 优雅降级文本溢出CSS属性

我正在使用

文本溢出

CSS属性来获得椭圆效果，我认为目前只有IE支持椭圆效果。我的问题是，我不是在寻找在Firefox中使用它的解决方案，而是在寻找一种在其他浏览器中优雅降级的解决方案，而不是突然截断文本。因此，Firefox中不再使用省略号，而是使用普通的文本换行

考虑到

文本溢出

同时依赖于

溢出

和

空白

属性，因此不确定这是否可行

非常感谢您的帮助。

对于IE、Safari、Chrome（以及其他Webkit浏览器）和最新版本的Opera，已经支持

文本溢出属性。如果需要支持较旧版本的Opera（11.0之前），可以使用前缀属性，如下所示：

.ellipsis {
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}

Firefox（和其他基于Gecko的浏览器）根本不支持文本溢出属性，这令人失望，因为它实际上非常有用。但是对于Firefox，您可以使用一些JavaScript来创建省略号。您可以使用JQuery找到解决方案。开发者在他的网站上提供了一个演示程序。它的实现不如纯CSS解决方案好，而且在关闭JS时显然不起作用，但这是目前Firefox最接近的解决方案

HTH.
为了帮助我们（我的意思是：我）理解，你能提供一个显示
文本溢出
在受支持的浏览器中正常工作，以及它如何
在Firefox中“突然截断文本”
？@thirtydot:我想象它是这样的：，其中第一个
div
具有
文本溢出：隐藏溢出：隐藏属性。实际上省略号也适用于Safari/Chrome。Firefox是这里的怪人。真正的问题是在任何浏览器中都没有可用的字体度量。最好的办法是在firefox中的文本顶部放置一个不透明层（位于右下角）。。。但你最终会得到半隐藏的字母。如果你在你的基本代码上贴了一把小提琴或什么东西，可能会有人编造一些东西。@david Thomas-我想你的意思是
文本溢出：省略号
vs.
文本溢出：隐藏
。david，这正是我指的行为类型。谢谢@KarlNicoll。我真的希望远离javascript解决方案，但在Firefox出现并支持它之前，可能没有办法解决它。实际上，它已经添加到Firefox中，但不确定它何时会出现在公共构建中。可能是在Firefox6中。@leaverou-这是个好消息，我甚至不知道它正在开发中。关于
文本溢出
的MDC文档只是说“未实现”。我可以确认它应该是Firefox 6，请参阅：@thirtydot-感谢您提供的信息，这很好，尽管它在BZ上已经有近5年了，这有点令人不安：-P