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

发布于 2019-03-22 09:51:23 字数 798 浏览 4014 评论 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;//一定要写
}

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

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

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

列表为空,暂无数据

关于作者

JSmiles

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

0 文章
0 评论
84935 人气
更多

推荐作者

淹不死的鱼

文章 0 评论 0

zhangMack

文章 0 评论 0

爱的故事

文章 0 评论 0

linces

文章 0 评论 0

早乙女

文章 0 评论 0

鸵鸟症

文章 0 评论 0

    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击“接受”或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。