CSS:视觉提示文本溢出

Nat*_*han 1 html css text overflow css3

我正在寻找一种方法来标记文本何时溢出它的容器.代码就像这个例子.基本上,它是一个<span>有一个固定的大小.当文本溢出时,我想要某种标记来显示我.

我尝试过text-overflow:ellipsis;,听起来很完美,只有在父母是大小受限的人(对吗?)时它才有效.

有没有人有任何纯CSS(JS和编辑HTML在这里是不可能的)的想法,如何提醒我何时剪切文本?

谢谢!

Ric*_*kir 5

您必须将white-space: nowrap;样式与容器一起添加到容器中text-overflow:ellipsis;.
看到这里

编辑 这里有更多信息.