css使文字顯示兩行后顯示省略號

BlackMass 發布于2019-08-29 11:01 / 3368人閱讀

摘要：本人喜歡把一些實用的東東拿過來，寫成文章或者收藏起來。于是乎直接上代碼狠狠的點擊，查看效果吧

本人喜歡把一些實用的東東拿過來，寫成文章或者收藏起來。于是乎...

直接上代碼：

.article {
    color: #000000;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
}

狠狠的點擊，查看效果吧

GPU云服務器云服務器 html省略顯示 js 最多顯示兩行 html使p居中顯示 html 省略兩行

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/111365.html

css使文字顯示兩行后顯示省略號

摘要：本人喜歡把一些實用的東東拿過來，寫成文章或者收藏起來。于是乎直接上代碼狠狠的點擊，查看效果吧本人喜歡把一些實用的東東拿過來，寫成文章或者收藏起來。于是乎... 直接上代碼： .article { color: #000000; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; ...

chuyao 2019-08-01 15:28 評論0 收藏0
純CSS實現文字超過n行后省略功能

摘要：在切圖階段，經常會遇到，設計稿要求超出行后剩余文字省略，并用代替的需求。滟滟隨波千萬里，何處春江無月明多行文字限制字數，并將多出字符用代替春江潮水連海平，海上明月共潮生。在切圖階段，經常會遇到，設計稿要求超出n行后剩余文字省略，并用...代替的需求。類似于下圖 showImg(https://segmentfault.com/img/bVWoOD?w=938&h=100); 單行文字...

yeyan1996 2019-08-30 13:45 評論0 收藏0
如何讓文本只顯示兩行——塊級文字省略

摘要：在頁面顯示中我們經常會需要進行省略，比如簡介里面的省略，比如固定中字數超過限制之后的省略。單行文字的省略單行文字省略比較簡單。在頁面顯示中我們經常會需要進行省略，比如簡介里面的省略，比如固定div中字數超過限制之后的省略。我們可以用css輕松做到。單行文字的省略單行文字省略比較簡單。關鍵代碼如下： .single { width: 280px; ...

BetaRabbit 2019-08-30 15:55 評論0 收藏0
如何讓文本只顯示兩行——塊級文字省略

摘要：在頁面顯示中我們經常會需要進行省略，比如簡介里面的省略，比如固定中字數超過限制之后的省略。單行文字的省略單行文字省略比較簡單。在頁面顯示中我們經常會需要進行省略，比如簡介里面的省略，比如固定div中字數超過限制之后的省略。我們可以用css輕松做到。單行文字的省略單行文字省略比較簡單。關鍵代碼如下： .single { width: 280px; ...

zollero 2019-08-23 15:18 評論0 收藏0