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>