超出文字省略号显示

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>