jQuery複数行の文字数を制限する方法を省略記号に変更

詳細
1.htmlでよく使われるpタグの複数行テキスト
しかし、レイアウト制限で一部しか表示できない場合があります
だから内容を修飾する必要がある
一般的に省略記号で代用した方が良いかREAD MOREリンク
制限は省略記号のみを表示します
単行テキストはcssで直接実現できます

zxx_text_overflow_1{
width:27em; 
white-space:nowrap; 
text-overflow:ellipsis;
-o-text-overflow:ellipsis; 
overflow:hidden;
}

 
しかし、複数行のテキストが難しい場合はjqeryやjsで実現するのが一般的です.
jqueryには似たようなプラグインjust google itがあります
あるいは以下の方法で文字数を制限する
 

ＨＥＬＬＯ　ＨＥＬＬＯ　ＨＥＬＬＯ　ＨＥＬＬＯ　ＨＥＬＬＯ　ＨＥＬＬＯ　ＨＥＬＬＯ　ＨＥＬＬＯ　ＨＥＬＬＯ　ＨＥＬＬＯ　ＨＥＬＬＯ　ＨＥＬＬＯ　ＨＥＬＬＯ　ＨＥＬＬＯ　ＨＥＬＬＯ　ＨＥＬＬＯ　ＨＥＬＬＯ　ＨＥＬＬＯ　ＨＥＬＬＯ　ＨＥＬＬＯ　ＨＥＬＬＯ　ＨＥＬＬＯ　ＨＥＬＬＯ　ＨＥＬＬＯ　ＨＥＬＬＯ　ＨＥＬＬＯ　ＨＥＬＬＯ　ＨＥＬＬＯ　ＨＥＬＬＯ　ＨＥＬＬＯ　ＨＥＬＬＯ　ＨＥＬＬＯ　ＨＥＬＬＯ　ＨＥＬＬＯ　ＨＥＬＬＯ　ＨＥＬＬＯ　ＨＥＬＬＯ　ＨＥＬＬＯ　ＨＥＬＬＯ　ＨＥＬＬＯ　ＨＥＬＬＯ　ＨＥＬＬＯ　ＨＥＬＬＯ　ＨＥＬＬＯ　ＨＥＬＬＯ　ＨＥＬＬＯ　ＨＥＬＬＯ　

 

$(document).ready(function(){ 
$(".zxx_text_overflow_5").each(function()
{ var maxwidth=５５;
 if($(this).text().length>maxwidth){
 $(this).text($(this).text().substring(0,maxwidth)); 
$(this).html($(this).html()+'...'); 
} 
});
 });

 
 
完全版はご参照くださいhttp://www.zhangxinxu.com/study/200909/text-overflow-ellipsis-so-on.html