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

断了今生、忘了曾经 提交于 2019-11-27 21:26:52

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()函数截取一下字符串长度,然后拼上一段    . . .

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!