原文：微信小程序单行和多行省略号
在小程序开发过程中，经常会遇到一些数据无法在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 ...
overflow:hidden; text-overflow:ellipsis; white-space:nowrap; ...
我们 用省略号... 来替代，这样显示比较美观好看，显示效果如下 其实实现也 ...
1.单行：外部容器应加overflow: hidden;否则不显示省略号 2.多行 转: https://blog.csdn.net/z2516305651/article/details/80852726 ...
实现文本省略: 注意:如果想实现三行省略可以修改属性 -webkit-line-clamp:3 实现效效果: ...
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>内容超出显示省略号< ...
...