使用jQuery在有限标签中显示文本

Question

我有一个标签，它的长度是有限的。我想这样做：当文本的长度比标签长时，文本的结尾字将代替“......”

如何使用jQuery或JavaScript？

我不知道这个，有什么建议吗？

Answer 1

这可以使用纯CSS完成。例如，使用text-overflow:ellipsis;

你会得到你想要的东西。

<强> WORKING DEMO

HTML：

<div style="position: absolute; left: 20px; top: 50px; 
  width: 120px; height: 50px; border: thin solid black;
  overflow: hidden; text-overflow: ellipsis">
  <nobr>This is a NOBR section</nobr>
</div>

CSS：

div { position: absolute; left: 20px; top: 50px; width: 120px; height: 50px; border: thin solid black; overflow: hidden; text-overflow: ellipsis }

希望这有帮助。

Answer 2

你可以在没有JS的情况下做到这一点。

label{
 white-space: nowrap;
 text-overflow: ellipsis;
 overflow:hidden;
}