テキスト省略記号を超えて表示

1455 ワード

cssメソッド:
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>