原文：微信小程序單行和多行省略號
在小程序開發過程中，經常會遇到一些數據無法在text中完全展示，所以會使用到隱藏相關文字，並在后方加上省略號 ... 。 只需要在對應的text中設置下面的css就可以了。 不過上面的css只能保證單行顯示隱藏，如果想要 ， ，n行隱藏呢 這個要求其實也是可以通過css做到的。下面貼出css： 只要改變其中 webkit line clamp的數字，就可以實現對應的需求了。 參見 webkit l ...
2020-04-16 18:03 0 607 推薦指數：
相關推薦
微信小程序超出兩行省略號
display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wra ...
CSS實現單行省略號
overflow:hidden; text-overflow:ellipsis; white-space:nowrap; ...
微信小程序 實現多行文字 超出部分省略號顯示
我們 用省略號... 來替代，這樣顯示比較美觀好看，顯示效果如下 其實實現也 ...
小程序文本溢出顯示省略號（單行/多行）
1.單行：外部容器應加overflow: hidden;否則不顯示省略號 2.多行 轉: https://blog.csdn.net/z2516305651/article/details/80852726 ...
css多行省略和單行省略
實現文本省略: 注意:如果想實現三行省略可以修改屬性 -webkit-line-clamp:3 實現效效果: ...
html 頁面中顯示單行省略號
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>內容超出顯示省略號< ...
微信小程序-超出顯示省略號
...