多行内容溢出显示省略号

我们都知道通过text-overflow:ellipsis属性来实现单行文本的溢出显示省略号(...)。

overflow: hidden;text-overflow: ellipsis;white-space: nowrap; 

 但是这个属性并不支持多行文本溢出显示省略号，有通过定位或浮动的方法来实现。但我觉得始终不够灵活，一旦文字内容过多，就会导致穿帮，所以，可以通过jq来判断文字内容有多少字符，超出就显示省略号。

 

$('.text').each(function(){
   var maxwidth = 29;  
   if($(this).text().length > maxwidth){
      $(this).text($(this).text().substring(0,maxwidth));
      $(this).html($(this).html()+ '...');
   }
 });