小程序文本只显示两行超出部分用省略号代替 - 文章教程

小程序文本只显示两行超出部分用省略号代替

发布于 2019-03-22 字数 984 浏览 3808 评论 0

小程序文本只显示两行超出部分用省略号代替,小程序说到底还是Google浏览器的内核渲染页面,所以试用于我们传统的长文本折行显示。

智能小程序

<view class="box">小程序是一种新的开放能力,开发者可以快速地开发一个小程序。小程序可以在微信内被便捷地获取和传播,同时具有出色的使用体验。</div>
.box{
  width:100rpx;
  height:30rpx;//高度不能乱写,你要自己去看你的两行文字占多少高度
  font-size:15rpx;
  overflow:hidden;//一定要写
  text-overflow: ellipsis;//超出省略号
  display:-webkit-box;//一定要写
  -webkit-line-clamp: 2;//控制行数
  -webkit-box-orient: vertical;//一定要写
}

更多阅读:单行/多行文本溢出显示省略号

如果你对这篇文章有疑问,欢迎到本站 社区 发帖提问或使用手Q扫描下方二维码加群参与讨论,获取更多帮助。

扫码加入群聊

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

目前还没有任何评论,快来抢沙发吧!

关于作者

JSmiles

生命进入颠沛而奔忙的本质状态,并将以不断告别和相遇的陈旧方式继续下去。

2891 文章
评论
84935 人气
更多

推荐作者

时光倒影

文章 0 评论

qq_YyjhCs

文章 0 评论

三人与歌

文章 0 评论

┼──瘾||

文章 1 评论