CSS：视觉提示文本溢出

Question

我正在寻找一种方式来标记何时文本溢出它的容器。代码如this example所示。基本上，这是一个尺寸设置为<span>。当文本溢出时，我需要某种标记来显示我。

我试过text-overflow:ellipsis;，这听起来很不错，但如果家长的大小受到限制的一个，它只能（对吧？）。

没有人有任何纯CSS（JS和编辑HTML是出了问题在这里）想法如何提醒我，当文本正在被夹到？

谢谢！

Answer 1

您必须将white-space: nowrap;样式与text-overflow:ellipsis;一起添加到容器中。
见here

编辑Here's一些关于它的更多信息。