微信小程序一行字怎么弄-微信小程序文字超过行后显示省略号-小程序换行-即速应用

微信小程序一行字怎么弄-微信小程序文字超过行后显示省略号-小程序换行

浏览量：2024 时间：2020-03-20 来源：zlxls

1.在小程序开发过程中，经常会遇到一些数据无法在text中完全展示，所以会使用到隐藏相关文字，并在后方加上省略号(...)。那么怎么展示呢？
2.方法一：
3.只需要在对应的text中设置下面的css就可以了。
4.overflow:hidden;//超出一行文字自动隐藏
5.text-overflow:ellipsis;//文字隐藏后添加省略号
6.white-space:nowrap;//强制不换行
7.上面的css只能保证单行显示隐藏，那么你想要2，3，n行隐藏呢？这个要求其实也是可以通过css做到的。下面贴出css：
8.display:-webkit-box;
9.overflow:hidden;
10.text-overflow:ellipsis;
11.word-wrap:break-word;
12.white-space:normal!important;
13.-webkit-line-clamp:3;
14.-webkit-box-orient:vertical;
15.只要改变其中-webkit-line-clamp的数字，就可以实现对应的需求了。
16.方法二：服务端或者前端js使用截取的方法，但是不建议使用，1，不方便适配屏幕宽度，2，影响体验（性能可能影响访问速度）