javascript - 如果超出设置的宽度，是否切断 div 中的文本？

Question

在我工作的网站上，用户可以将标题添加到页面的一部分。一个简单的例子:

M11-001 - loss of container and goods from Manchester

有了一些标题，内容可能会相当深入。实际上，至少对于标题而言，并不总是需要此内容。前几个词足以区分记录。

我可以将 overflow:hidden 设置为 div 并无情地删除设置宽度之外的任何内容。

我更愿意将...添加到最后。像这样:

M11-001 - loss of container...

因此在 X 宽度或 X 个字符之后将添加三个句点。

使用 CSS 或 JavaScript 是否可行？

Answer 1

是这样的吗？ http://www.quirksmode.org/css/textoverflow.html

文本溢出

The text-overflow declaration allows you to deal with clipped text: that is, text that does not fit into its box. The ellipsis value causes three periods to be appended to the text.