在我们写静态页面和套pc模板的时候,有时候会碰到需要限制字数,超出部分显示省略号的效果,尝试过几个方法,css有text-overflow:ellipsis属性,针对一行文本有效,要控制几行文本就会有浏览器兼容问题。最终找到一个js方法可以限制字数,在pc模板中也有限制字数的语句,以下是具体实现的方法:
1、在静态页面中限制字数方法
$(function () {
$(‘.case-list-description’).each(function(){
var case_list_description = $.trim($(this).text());
if (case_list_description.length>=20) {
case_list_description = case_list_description.substr(0,20)+”…”;
$(this).text(case_list_description);
}
})
2、在phpcms v9 pc模板中限制字数的方法
{str_cut($r[‘description’],20,”…”)}
转载时请注明出处及相应链接,本文永久地址:https://blog.yayuanzi.com/22236.html
微信打赏
支付宝打赏
感谢您对作者Cindy的打赏,我们会更加努力! 如果您想成为作者,请点我