超出字數部分省略(主要解決不兼容;display: -webkit-box;的瀏覽器)

注明：內容於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<cname.length;i++){　　　　　　　　　　　
       var nowhtml=cname[i].innerHTML;                //元素的內容
        var nowlength=cname[i].innerHTML.length;      //元素文本的長度
        if(nowlength>wordlength){
            cname[i].innerHTML=nowhtml.substr(0,wordlength)+'...';      //截取元素的文本的長度並加上省略號
        }
    }
}
wordlimit("sldiv",15);                                   //調用方法