[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+="..";
- [jQuery]根据字符串的像素宽度阶段字符串
- 获取字符串的像素宽度
- SWT中取得字符串的像素宽度
- C# 字符串换行、字符串像素高度、宽度 的结构
- C# 字符串换行、字符串像素高度、宽度 的结构
- C# 取字符串像素宽度
- PHP获得字符串的宽度(像素px)
- C#打印时获得字符串的正确像素宽度高度
- 根据显示宽度分割字符串
- 根据字符串宽度算高度
- TextView根据宽度截取字符串
- JAVA下取得字符串像素宽度例子
- MFC 获取字符串像素高度和宽度
- iOS开发 NSString根据字符串一定高度/宽度返回字符串所占的宽度/高度
- Android中获取字符串长度、宽度(所占像素宽度)的方法
- 根据字体大小得到字符串显示时的宽度(C#)
- 根据宽度来决定显示的字符串长度(C#)
- TextView 根据字符串长度设置textview的宽度
- [各种面试题] 树的最小高度
- STM32使用内部振荡器及其和外部晶体振荡器的区别
- codeforces 340CTourist Problem(找规律数学题)
- hdu 3572 Task Schedule(最大流,判断满流+isap模版)
- The Arduino IDE(compiler)'s float bug
- [jQuery]根据字符串的像素宽度阶段字符串
- 初识MVC框架
- 双向循环链表
- OpenCV绘图之多边形函数cvFillPoly,cvPolyLine,cvFillConvexPoly
- hdu 4544 叛逆的小明 -- 数字反转 和 hdu 2074 叠筐(水题)
- MySQL事务隔离级别详解
- 单链表的逆置
- 工程项目利用AutoMake生成Makefile实战
- 回调函数