使用jQuery在有限的标签显示文本(Use jQuery display a text in a

我有一个标签，它的长度是有限的。 我想这样做：当文本的长度大于标签长，文本将代替结束的话“......”

如何用jQuery或JavaScript这样做呢？

我不知道这一点，任何意见？

Answer 1:

你可以做到这一点没有JS。

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

Answer 2:

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

你会得到你所期待的。

工作演示

该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 }

希望这可以帮助。

文章来源: Use jQuery display a text in a limited label