註明：內容於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