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>

?

轉載于:https://www.cnblogs.com/wenrain/p/4679889.html

總結

以上是生活随笔為你收集整理的超出文字省略号显示的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。