li里包含span标签也可以超出部分显示省略号

overflow:hidden;    

width:8em;    每行li显示几个字(这个例子是8个字)

text-overflow:ellipsis    超出部分显示省略号

 

 

也可以使用js获取到要显示固定字数的标签,检查元素的长度(这里以  .a  为例)    jQuery写法:$(".a").html().length;  js写法: document.getElementsByClassName("a")[0].innerHTML.length;

注意:我是用的原生js写的,还没试用jquery行不行,应该是没问题。如果这段代码获取不到长度,换成原生js语句肯定可以

获取到长度以后做一个判断,大于多少大时候用substring()函数截取一下字符串长度,然后拼上一段    . . .

posted on 2019-08-19 16:27  栋H栋  阅读(746)  评论(0编辑  收藏  举报