[jQuery]根据字符串的像素宽度阶段字符串

来源:互联网 发布:点击显示隐藏的div js 编辑:程序博客网 时间:2024/06/05 18:43

思路:

1 在页面上放一个span元素,用它来转载字符,然后通过它的宽度,来得到字符的显示宽度

2 循环累计判断符合目标宽度的字符串,截取该字符串

html代码:

<span id="word-cal" style="visibility: hidden; white-space: nowrap;"></span>

js代码:

var temp_desc="";//存放截断字符串for(var j=0;j<desc.length;j++){    //desc是目标字符串,只能支持像素宽度为140的字符串       temp_desc+=desc[j];    $('#word-cal').text(temp_desc);    if($('#word-cal').width()>140){        break;    }}temp_desc+="..";