标签：line box import 自动隐藏 隐藏 小程序 bre color 相关
在小程序开发过程中，经常会遇到一些数据无法在text中完全展示，所以会使用到隐藏相关文字，并在后方加上省略号(...)。
只需要在对应的text中设置下面的css就可以了。
overflow:hidden; //超出一行文字自动隐藏
text-overflow:ellipsis; //文字隐藏后添加省略号
white-space:nowrap; //强制不换行
不过上面的css只能保证单行显示隐藏，如果想要2，3，n行隐藏呢？这个要求其实也是可以通过css做到的。下面贴出css：
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
white-space: normal !important;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
只要改变其中-webkit-line-clamp的数字，就可以实现对应的需求了。
标签：line box import 自动隐藏 隐藏 小程序 bre color 相关
原文地址：https://www.cnblogs.com/joe235/p/11322982.html
