如何在沒有 JavaScript 的情況下在 Firefox 4 中實現文字溢出：省略？

Firefox 4 中的text-overflow:ellipsis

Firefox 開發人員自2005 年以來一直在爭論 CSS-overflow:ellipis;屬性，儘管有明顯的需求，但他們似乎無法真正實現它（即使是實驗性的-moz- 實作也足以）。

幾年前，有人想辦法破解 Firefox 3 以支援省略號。該 hack 使用 -moz-binding 功能使用 XUL 實現它。現在有很多網站都在使用這個 hack。

壞消息？ Firefox 4 正在刪除 -moz-binding 功能，這表示此 hack 將不再起作用。

因此，一旦 Firefox 4 發布（聽說在本月晚些時候），我們將再次遇到無法支援此功能的問題。

所以我的問題是：有什麼其他方法可以解決這個問題？ （我盡量避免使用JavaScript 解決方案，如果可能）

[編輯]
有很多贊成票，所以顯然不僅僅是我想知道，但到目前為止我只收到一個答案，基本上是說「使用JavaScript」。我仍然希望一個無論如何都不需要 JS 的解決方案，或者最糟糕的情況是在 CSS 功能不起作用時使用它作為後備。所以我會懸賞這個問題，希望在某個地方有人找到了答案。

[編輯]
更新：Firefox 進入了快速開發模式，但儘管 FF5 現在已經發布，此功能仍然不受支援。現在大多數用戶已經從 FF3.6 升級，因此破解不再是解決方案。好消息是，據我了解，它可能會添加到 Firefox 6 中，而按照新的發布計劃，它將在幾個月內發布。如果是這樣，我想我可以等下去，但很遺憾他們不能早點解決它。

[最終編輯]
我看到省略號功能終於添加到 Firefox 的「Aurora Channel」（即開發版本）。這意味著它現在應該作為 Firefox 7 的一部分發布，該版本預計於 2011 年底發布。真是太高興了。

在此提供發行說明：https://developer.mozilla.org/en-US/Firefox/Releases/7

為了在Firefox 4 中實現文字溢出的相同效果，可以使用以下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 的情況下在 Firefox 4 中實現文字溢出：省略？的詳細內容。更多資訊請關注PHP中文網其他相關文章！