如何在沒有足夠空間查看所有文本時顯示「...」

Question

jQueryMobile如果沒有足夠的空間查看所有文本時如何顯示「...」？

它是一個CSS屬性？

Answer 1

這裏有一個CSS屬性 - 它是text-overflow:ellipsis;。

但是，它有一個問題：它不適用於Firefox。它適用於所有其他瀏覽器，但不適用於Firefox，甚至不適用於FF4。我知道這是計劃在FF5或FF6。

在Firefox中，需要使用純JavaScript來完成，這是JQuery需要做一些工作的地方。要做到這一點，它需要以字符爲單位逐個像素地計算文本的物理大小。它有可能在其他瀏覽器中使用CSS屬性。這是有道理的。

看到這篇文章：text-overflow:ellipsis in Firefox 4? (and FF5)進一步討論這個問題特定於Firefox。