有條件：在文本隱藏後

Question

我們試圖使用寬度和溢出CSS規則來限制html元素的長度。作爲一個例子：

div.hidetext { width: 100px; overflow: hidden; }

我們希望做的是在字符串的末尾添加三個點「...」如果文本已被隱藏。如果文本足夠短，那麼'...'不應該顯示出來。我的第一個想法是使用：後僞類，但不知道如何根據文本是否隱藏作出該條件

我敢肯定，這可以通過比較寬度的javascript/jquery包含它的html元素的寬度的文本，但我更喜歡一個CSS解決方案。

關於如何實現這一點的任何想法？

Answer 1

text-overflow: ellipsis在瀏覽器中支持那部分the draft specification。