如果没有足够的空间来查看所有文本，如何显示“...”

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)。