單行
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
複製程式碼多行
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
複製程式碼適用範圍：
因使用了WebKit的CSS擴充套件屬性，該方法適用於WebKit瀏覽器及移動端；
CSS實現單行、多行文字溢位顯示省略號
相關文章
- CSS實現單行、多行文字溢位顯示省略號（…）CSS
- CSS實現單行、多行文字溢位顯示省略號的實現方法CSS
- css 多行文字溢位省略號顯示CSS
- css 單行文字溢位顯示省略號CSS
- css文字溢位顯示省略號CSS
- 【前端芝士樹】純CSS實現多行文字溢位顯示省略號前端CSS
- css如何簡單設定文字溢位盒子顯示省略號CSS
- 如何用 CSS 實現多行文字的省略號顯示CSS
- 如何實現溢位文字省略號
- web前端培訓：CSS中單行文字溢位顯示省略號的方法Web前端CSS
- css文字溢位用省略號表示CSS
- CSS文字溢位用省略號替代CSS
- CSS3多行顯示省略號...CSSS3
- CSS實現超出文字以省略號顯示CSS
- 直播軟體app開發，單行或多行文字溢位，省略號代替APP
- css使文字顯示兩行後顯示省略號CSS
- css實現文字過長顯示省略號的方法CSS
- CSS省略號text-overflow超出溢位顯示省略號（需要與overflow配合使用）CSS
- Layer.js實現表格溢位內容省略號顯示,懸停顯示全部JS
- CSS——文字超出隱藏顯示省略號CSS
- CSS文字省略顯示CSS
- CSS控制LI行字元溢位用省略號代替CSS字元
- css超出顯示省略號CSS
- css 一行顯示超出部分顯示省略號CSS
- css文字超出2行就隱藏並且顯示省略號CSS
- css 實現div內顯示兩行或三行，超出部分用省略號顯示CSS
- 直播電商平臺開發，css實現超出部分顯示省略號，控制文字CSS
- 文字超出顯示省略號及更多
- 多行文字超出 JS省略號...JS
- 小技巧！CSS 整塊文字溢位省略特性探究CSS
- un-app - 單行文字和多行文字溢位隱藏顯示...（超出容器最大寬度不換行）APP
- CSS實現文字省略CSS
- 用css解決內容文字溢位控制td顯示字數以及隱藏省略程式碼CSS
- CSS學習筆記：溢位文字省略（text-overflow）CSS筆記
- 超出文字顯示省略號，hover效果：文字滾動顯示==》求解
- css文字超出div隱藏剩下內容並顯示省略號CSS
- CSS文字加省略號CSS
- javascript超過容器後顯示省略號效果(相容一行或者多行)JavaScript