注明:内容于http://www.cnblogs.com/chentongtong/p/5474553.html进一步整理。
1、现webkit内核的浏览器支持display: -webkit-box;属性, 所以网页中显示两行文字,超出部分省略,可以用样式
overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;并且可以达到效果,
2、为兼容其他浏览器,则需要js解决,以下为封装的方法。
function wordlimit(cname,wordlength){ //参数分别为:类名,要显示的字符串长度
var cname=document.getElementsByClassName(cname); //需要加省略符号的元素对象
for(var i=0;i