最新消息:文章中包含代码时,请遵守代码高亮规范!

限制字数,超出部分显示“…”【原创】

HTML+CSS Cindy 271浏览 0评论

在我们写静态页面和套pc模板的时候,有时候会碰到需要限制字数,超出部分显示省略号的效果,尝试过几个方法,css有text-overflow:ellipsis属性,针对一行文本有效,要控制几行文本就会有浏览器兼容问题。最终找到一个js方法可以限制字数,在pc模板中也有限制字数的语句,以下是具体实现的方法:

1、在静态页面中限制字数方法

<script>
$(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);
}
})
</script>

2、在phpcms v9  pc模板中限制字数的方法

{str_cut($r[‘description’],20,”…”)}

转载时请注明出处及相应链接,本文永久地址:http://blog.it985.com/22236.html


pay_weixin
pay_weixin
微信打赏
pay_weixin
支付宝打赏
感谢您对作者Cindy的打赏,我们会更加努力!    如果您想成为作者,请点我

您必须 登录 才能发表评论!