1.有時候我們在「設定多行文字省略號」的時候會出現沒有出現省略號…效果，比如下面的**：
如果採用以下這些**，發現沒有出現省略號效果
overflow:hidden;
text-overflow:ellipsis;
display:
-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:5;
//在第幾行文字尾部出現省略號
2.但是只要加上兩行**就可以出現省略號效果了，如下：
只要加上中間那兩行**即可(注釋符也要一起加上去哦！)
總結：以上就是解決多行文字省略效果號異常的方法。
純css實現多行文字省略號顯示
首先傳統的單行文字實現省略號顯示 如下 overflow hidden text overflow ellipsis white space nowrap 注意點 部分低版本瀏覽器需要加上固定寬度才支援text overflow屬性。純css實現多行文字省略號顯示 方法一 text overflow...
多行文字顯示省略號
單行文字溢位顯示省略號 核心css語句 1 overflow hidden 顧名思義超出限定的寬度就隱藏內容 2 white space nowrap 設定文字在一行顯示不能換行 3 text overflow ellipsis 規定當文字溢位時顯示省略符號來代表被修剪的文字 多行文字溢位顯示省略號...
css 實現文字省略號 單行多行
在做移動端的專案時經常會遇到文字過長，塊級元素寬度不夠，造成折行的問題，產品會要求說根據寬度展示，超出部分用點號代替 做這種效果的時候會遇到單行展示和多行展示 單行示例 ellipsis single overflow hidden text overflow ellipsis white spac...