美文网首页
微信小程序Text限定行数

微信小程序Text限定行数

作者: chenzhenlindx | 来源:发表于2018-12-25 19:55 被阅读14次

想实现小程序中组件text最多显示两行内容,如果超出就省略号

.desc {
  /*定义为自适应布局*/
  display: -webkit-box;
  word-break: break-all;
   /*超出文字用省略号代替*/
  text-overflow: ellipsis; 
  /*竖直方向的超出和隐藏*/
  -webkit-box-orient: vertical;
  /*设定行数为2*/
  -webkit-line-clamp: 2;
  /*多出部分隐藏*/
  overflow: hidden;
}

和css中的定义基本相同

相关文章

网友评论

      本文标题:微信小程序Text限定行数

      本文链接:https://www.haomeiwen.com/subject/tvrqlqtx.html