如何截取字符串,使其在浏览器上显示相同长度?
来源:互联网 发布:淘宝美工修图学校 编辑:程序博客网 时间:2024/05/29 12:55
如何实现如下功能?
乍一看是不是想到了直接通过substring截取,但是这样会面临一个问题:有的标题中有中文,有的标题中有字母数字,这样如果直接采用substring截取固定个数字符,浏览器上显示仍然会不整齐,这是因为浏览器上显示中文所占用的像素要多于字母和数字。采用此法截取后效果如下图:
如何解决问题呢?
通过正则表达式匹配字符串,得出真实长度,之后按照真实长度等比例进行截取:
(此在js中进行截取)
<script type="text/javascript">
var title="${v.title}";
var id="${v.id}";
var realLength=(title.replace(/[^\x00-\xff]/g,"**").length+1)/2
if(realLength>14){
title=title.substring(0, 14*(title.length/realLength))+"...";
}
$("#"+id).html(title);
//alert(realLength);
</script>
0 0
- 如何截取字符串,使其在浏览器上显示相同长度?
- 截取字符串使其显示为固定长度加...显示
- 关于PHP字符串截取显示相同长度的字符以及UTF8下的ASCII编码
- 如何获取字符串的屏幕显示长度,以及在button上文字换行。
- 截取固定长度字符串显示在页面,多余部分显示为省略号(区分汉字和字符)
- 截取固定长度字符串显示在页面,多余部分显示为省略号(区分汉字和字符)
- 截取固定长度字符串显示在页面,多余部分显示为省略号(区分汉字和字符)
- ASP.net:截取固定长度字符串显示在页面,多余部分显示为省略号
- js截取字符串指定长度,超出长度显示省略号
- 根据字符串的长度得到其在屏幕上的px值
- 高效率的C#截取指定长度字符串,大于指定长度的,在末尾显示指定字符,默认为"..."
- C# 截取中英文混合字符串分行显示宽度相同
- ASP如何计算中英文混合字符串长度和截取字符串
- ASP如何计算中英文混合字符串长度和截取字符串 .
- 相同长度字符串比较
- 使用正则表达式截取字符串显示内容长度
- 解决页面截取中英文字符串长度显示不一致问题
- 初学PHP如何在浏览器上显示东西
- WPF TreeView的TreeViewItem查找
- WindowManager使用FLAG_NOT_TOUCH_MODAL后Listview和Editext输入法无响应
- <!DOCTYPE> 有啥用
- Android横竖屏切换不重新调用onCreate()
- java实现二叉树的三种遍历算法(递归)
- 如何截取字符串,使其在浏览器上显示相同长度?
- 通过WebRTC实现实时视频通信(一)
- 用exp无法导出空表解决方法
- source命令用法:
- 多种jQuery插件
- Ubuntu 新手常见问题与解答
- IMSI
- [LeetCode]Jump Game II
- 中科昆锐浅谈加速度传感器输出接头形式