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

在网上找到的都是用js判断的（https://www.cnblogs.com/zoumiaomiao/p/4952625.html
https://www.cnblogs.com/ChanWunsam/p/10801218.html
https://blog.csdn.net/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>

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

css--两行显示省略号兼容火狐浏览器
css--两行显示省略号兼容火狐浏览器正常写法: .ellipse1{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} . ...
css超出两行省略号没效果,Css 设置超过再两行显示省略号
大部分场景都是超过一行就显示... {{item.name}} {{item.name}} export default { return { item: {name:'this is a very ...
css 文本超出2行显示点点点
.product-name {// height: 45px;// word-break: break-all;// text-overflow: ellipsis; // text-overflow ...
text-overflow:ellipsis溢出显示省略号兼容所有浏览器的解决办法
我想大家在做项目的时候都遇到这样的需求:对于一些列表文本过长溢出显示省略号,我们可以text-overflow:ellipsis很简单地达到效果,很遗憾不能兼容火狐浏览器. text-overflow ...
css设置超出几行显示省略号（单行、多行）,兼容数字英文不换行问题，兼容中文字符隔空换行问题
1.单行文本超长显示省略号 /* css */ p{overflow: hidden;/*超出部分隐藏*/text-overflow:ellipsis;/* 超出部分显示省略号 */white-spa ...
CSS实现文本超过指定长度显示省略号
1 <style type="text/css"> 2 li { 3 width:200px;/*宽度,超过即会溢出*/ 4 line-height:25px;/*设置 ...
文本超出多行显示省略号移动端禁止双击缩放
文本超出两行显示省略号移动端禁止双击缩放单行显示省略号 overflow:hidden; text-overflow:ellipsis; white-space:nowrap 多行省略 displ ...
CSS文本溢出隐藏，显示省略号
仅供自己记录,老用还不记得,哈哈哈笨死了!!! 单行文本溢出隐藏: overflow: hidden; 单行文本溢出隐藏显示省略号: white-space: nowrap; overflow: hi ...
vue + scss,文本超过多行需要省略号，不起作用
正常设置超过多行,显示省略号(仅部分浏览器支持) overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-li ...

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

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

最新文章

热门文章