Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/420.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 只取跨度中具有一定宽度的内容_Javascript_Jquery_Css_Html - Fatal编程技术网

Javascript 只取跨度中具有一定宽度的内容

Javascript 只取跨度中具有一定宽度的内容,javascript,jquery,css,html,Javascript,Jquery,Css,Html,我有一个动态充满内容的跨度。当内容达到500px的宽度时,我需要读取300px的内容。 内容可以是一行或多行 有什么解决方案吗?库中有一种方法专门用于此目的* 没有太多文档,但其中有一个名为grabbag.measure.crop的函数,您可以使用它将字符串裁剪到给定的维度。我写了一些演示如何使用该库的内容,但基本内容如下: var result = grabbag.measure.crop(inputString, 300 /* number of pixels */, ele); 其中el

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

有什么解决方案吗?

库中有一种方法专门用于此目的*

没有太多文档,但其中有一个名为grabbag.measure.crop的函数,您可以使用它将字符串裁剪到给定的维度。我写了一些演示如何使用该库的内容,但基本内容如下:

var result = grabbag.measure.crop(inputString, 300 /* number of pixels */, ele);
其中ele是一个DOM元素,可以从中“窃取”样式。结果将包含一个字符串,该字符串刚好适合给定的像素数

希望有帮助

  • 免责声明:我是该图书馆的作者之一

你试过什么吗?有什么代码可以开始吗?@jSang-事实上,我正试图用scrollWidth和所有的东西做一些事情。但只有在打印字母时进行计算,这才有帮助。我一次就把文字加上去了。谢谢你的回答。也可以使用您的代码一次修剪多行吗?不,该算法一次只修剪一行。若要执行多次操作,您必须循环调用。对所有这些进行裁剪。效果非常好!非常感谢您…您的帖子为我节省了很多时间,我相信很多人都在寻找这个解决方案…我是新来的…但是如果我们可以推广帖子,请告诉我:)PS:DOM元素不同于jQuery元素$(“选择器”)[0]应该是元素而不仅仅是$(“选择器”)。后者不行!当我还在使用脚本的时候,我意识到剪切pf文本对于fontsize 120px,Arial来说效果不好。它返回一个更长的字符串..我在你的文件中编辑了代码..如果你同意我在这里发布编辑,一定要告诉我..哦,当然。如果你有机会在GitHub中提交补丁,它会更酷。另外,我很高兴您发现该功能很有用。