這個問題經常遇到

1、單行文本溢出顯示省略號(…)

text-overflow:ellipsis-----部分瀏覽器還需要加寬度width屬性

overflow:hidden;text-overflow:ellipsis;white-space:nowrap;

2、多行文本溢出顯示省略號，WebKit瀏覽器或移動端的頁面

overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;

3、兼容各種瀏覽器的jQuery插件-jQuery.dotdotdot(https://github.com/FrDH/jQuery.dotdotdot)

這個用起來很簡單，js加

$(function(){

$("#div1").dotdotdot({});

})

css里設置寬高，寬控制換行，高控制顯示幾行。

總結

以上是生活随笔為你收集整理的CSS单行、多行文本溢出显示省略号（……）的全部內容，希望文章能夠幫你解決所遇到的問題。

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