13039339994

合作意向表

您需要的服务

预算: 3-4千 5-8千 1-5万 5-8万 8万以上

 
微信小程序文字控制单行超过显示省略号?
2021-11-18

在小程序开发过程中,经常会遇到一些数据无法在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的数字,就可以实现对应的需求了。

 
阅读下一篇
网站新站如何优化才能更快达到更好效果呢?
 
 
推荐阅读
网站建设中最不能忽视的版块
小程序能够给企业店家带来什么便利?
在线客服系统开发具备哪些优势?
长尾关键词的挖掘工具有哪些?
自己的网站被被人复制或者仿造了怎么办?
盆栽APP开发具备哪些功能特色?
 
准备开展业务?
联系专业的商务顾问,诊查网站现状及关键词、分析竞争对手的流量、一对一咨询、及其报价详情
嘿,我来帮您!