テキスト省略記号を超えて表示
1455 ワード
cssメソッド:
jsメソッド:
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
jsメソッド:
function Ellipsis() {
$(".overflowHidden").each(function(){
maxwidth=$(this).attr("data-max");
if($(this).text().length>maxwidth){
$(this).text($(this).text().substring(0,maxwidth));
$(this).html($(this).html()+'...');
}else{
$(this).text($(this).text());
}
});
}
html :
<div class="overflowHidden" data-max="10" >
</div>
<script>
Ellipsis();
// ;
</script>