1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > css文本超过多行显示省略号兼容所有浏览器

css文本超过多行显示省略号兼容所有浏览器

时间:2024-02-20 07:11:49

相关推荐

css文本超过多行显示省略号兼容所有浏览器

在网上找到的都是用js判断的(/zoumiaomiao/p/4952625.html

/ChanWunsam/p/10801218.html

/z_victoria123/article/details/88948740),但是没用

methods: {$(document).ready(function(){this.wordlimit(".technologyHallContent",55)}),async wordlimit(cname,wordlength){ //参数分别为:类名,要显示的字符串长度var cname=document.getElementsByClassName(cname); //需要加省略符号的元素对象for(var i=0;i<cname.length;i++){var nowhtml=cname[i].innerHTML;//元素的内容var nowlength=cname[i].innerHTML.length;//元素文本的长度if(nowlength>wordlength){cname[i].innerHTML=nowhtml.substr(0,wordlength)+'...';//截取元素的文本的长度并加上省略号}}},

报错:

将$那块换成这样写,不报错了,但是也不起作用。

mounted(){this.wordlimit(".technologyHallContent",55)},

解决:暂时这样判断的:

<p class="clamp-limit catalog-des technologyHallContent" v-if="item.des.length>49">描述:{{item.des.substring(0,49)+'...'}}</p><p class="clamp-limit catalog-des technologyHallContent" v-else>描述:{{item.des}}</p>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。