javascript - 只取具有一定宽度的 span 的内容

Question

我有一个动态填充内容的跨度。当内容达到 500px 的宽度时，我需要读取 300px 的内容。内容可以是一行或多行。

有什么解决办法吗？

Answer 1

grabbag.js库有一个专门用于此目的的方法* 。

文档不多，但其中有一个名为 grabbag.measure.crop 的函数，您可以使用它来将字符串裁剪为给定尺寸。我写了一个小的JS fiddle来演示如何使用这个库，但是基本的东西是这样的：

var result = grabbag.measure.crop(inputString, 300 /* number of pixels */, ele);

其中 ele 是用于“窃取”样式的 DOM 元素。结果将包含一个字符串，该字符串几乎不适合给定的像素数。

希望有帮助。

• 免责声明：我是图书馆的作者之一。