文本溢出：在Firefox 4中省略？(及FF5)

Question

文本溢出：在Firefox 4中省略？(及FF5)这个text-overflow:ellipsis;CSS属性必须是微软为网络所做的为数不多的事情之一。现在所有其他浏览器都支持它.。除了火狐。火狐开发者从2005年开始争论但是，尽管有明显的需求，他们似乎并不能真正实现它(甚至是一个试验性的)。-moz-执行就足够了)。几年前，有人想出办法攻击Firefox 3使其支持省略号..黑客使用-moz-binding特性来使用XUL实现它。很多网站现在都在使用这种黑客攻击。坏消息？Firefox 4是移除-moz-binding特征这意味着这个黑客不会再起作用了。因此，一旦Firefox 4发布(我听说这个月晚些时候)，我们就会回到它不能支持这个特性的问题上。所以我的问题是：还有别的办法吗？(我尽量避免回到Javascript解决方案(如果可能的话)[编辑]很多人投票，所以我显然不是唯一一个想知道的人，但到目前为止，我有一个答案，就是基本上说‘使用javascript’。我仍然希望有一种解决方案，要么根本不需要JS，要么在最坏的情况下只使用它作为css功能不起作用的倒退。所以我要在这个问题上发个悬赏，万一有人在某个地方找到答案的话。[编辑]更新：Firefox已经进入快速开发模式，但是尽管FF5现在已经发布，但是这个特性仍然不受支持。现在大多数用户已经从FF3.6升级，黑客已经不再是一个解决方案。好消息是我听说强权添加到Firefox 6中，新的发布计划将在几个月内发布。如果是这样的话，我想我可以等下去，但很遗憾他们没能早点解决。[最后编辑]我看到省略功能最终被添加到Firefox的“AuroraChannel”(即开发版本)中。这意味着它现在应该作为Firefox 7的一部分发布，Firefox 7将于2011年底发布。啊!可以松口气了。发布说明如下：https：/developer.mozilla.org/en-US/Firefox/Releases/7

Answer 1

Spudley可以通过使用jQuery编写一个小JavaScript来实现同样的目标：

var limit = 50;var ellipsis = "...";if( $('#limitedWidthTextBox').val().length > limit) {
   // -4 to include the ellipsis size and also since it is an index
   var trimmedText = $('#limitedWidthTextBox').val().substring(0, limit - 4); 
   trimmedText += ellipsis;
   $('#limitedWidthTextBox').val(trimmedText);}

我知道，所有浏览器都应该以某种方式支持这一点(没有JavaScript)，但这正是我们目前所拥有的。

编辑此外，还可以通过附加一个css类设置为所有固定宽度字段(例如fixWidth然后做如下事情：

$(document).ready(function() {
   $('.fixWidth').each(function() {
      var limit = 50;
      var ellipsis = "...";
      var text = $(this).val();
      if (text.length > limit) {
         // -4 to include the ellipsis size and also since it is an index
         var trimmedText = text.substring(0, limit - 4); 
         trimmedText += ellipsis;
         $(this).val(trimmedText);
      }
   });});//EOF

Answer 2

FF7出局了这个虫子解决了它就能工作了！

---

此问题标记为下决心将在FF 7中发布，目前定于2011年9月27日发布。

标记你的日历，并准备好移除所有你已经安装好的黑客。

年长的

我有另一个答案：等，等候.

FF开发团队正在努力解决这个问题。

他们已经为Firefox 6做了初步的修复。

Firefox 6！！什么时候出来？！？

别紧张，虚幻的，反应过度的人。火狐正在快速开发的轨道上。FF6将在Firefox 5发布后6周发布，Firefox 5将于2011年6月21日发布。

因此，2011年8月初的某个时候就有了修复的机会.希望如此。

您可以注册邮件列表后，从错误的链接，在原海报的问题。

或者你可以点击这里；最容易的。