使用jquery选择器和

您不需要jquery。

<div class="truncate">Truncate some test</div>

用:

div.truncate { width: 100px; white-space: nowrap; overflow: hidden; }

只是一个简单的例子。您甚至可以添加:

text-overflow: ellipsis;

但是 support is limited .

同样值得注意的是,这只对块显示元素有效(很好),而不是对内联和非表单元格有效,因此如果这是在表中,则需要执行以下操作:

<td><div>...</div></td>

否则你就得不到想要的结果。