CSS：視覺提示文本溢出

Question

我正在尋找一種方式來標記何時文本溢出它的容器。代碼如this example所示。基本上，這是一個尺寸設置爲<span>。當文本溢出時，我需要某種標記來顯示我。

我試過text-overflow:ellipsis;，這聽起來很不錯，但如果家長的大小受到限制的一個，它只能（對吧？）。

沒有人有任何純CSS（JS和編輯HTML是出了問題在這裏）想法如何提醒我，當文本正在被夾到？

謝謝！

Answer 1

您必須將white-space: nowrap;樣式與text-overflow:ellipsis;一起添加到容器中。
見here

編輯Here's一些關於它的更多信息。