请求处理中...
请求处理中...
在小程序开发过程中，经常会遇到一些数据无法在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的数字，就可以实现对应的需求了。
交易额: 188.49万元
无 |河南省 |洛阳市 |洛龙区
交易额: 151.77万元
无 |浙江省 |台州市 |玉环县
交易额: 128.29万元
工作室 |广东省 |深圳市 |南山区
交易额: 110.67万元
公司 |浙江省 |温州市 |瓯海区
成为一品威客服务商，百万订单等您来有奖注册中
价格是多少？怎样找到合适的人才？
￥50000 已有0人投标
￥20000 已有0人投标
￥10000 已有0人投标
￥10000 已有0人投标
￥50000 已有0人投标
￥20000 已有2人投标
￥100000 已有1人投标
￥300000 已有0人投标
企业QQ
智能客服
