[已解决]如何获取text文本高度

时间：2019-05-03 来源：小程序工厂

问题模块框架类型问题类型 API/组件名称终端类型微信版本基础库版本
API和组件微信小程序需求 text 客户端 6.7.3 2.2.0

展示的text如果文本过长，如果超出了设置的高度（或者超过3行），则仅显示3行。通过展开的方式显示全部内容。我现在想知道，我拿到文本之后，怎么计算所需的高度或者行数效果类似于微信朋友圈文本那样，展开与收起

微信小程序开发问题解答

微信小程序开发者回答：

用view可以啊，或者你加个display:block。然后用max-height属性和line-height控制一下；或者可以
display: -webkit-box;
overflow: hidden;
word-break: break-all;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;

微信小程序开发者回答：

超过3行的我要显示 “展开” 的按钮，没有超过的，就不显示“展开”按钮，我要的是如何判断是否有3行呢

微信小程序开发者回答：

这样子，你弄两层，父标签设上max-height ，预计成3行的高度，并且overflow:hidden;然后用query去查子标签的高度，如果子标签的高度高一些，就放个展开按钮
https://developers.weixin.qq.com/miniprogram/dev/api/wxml/wx.createSelectorQuery.html

微信小程序开发者回答：

这个方法确实可行，但是针对于一个图文本列表来说，例如像微信朋友圈那样该如何确定对应的每条，因为我是用wx:for 渲染的一个图文列表。
wx.createSelectorQuery().selectAll('.class).boundingClientRect().exec(),
这个方法获取的是全部的文本高度，如何确定每条数据当前的高度呢。

微信小程序开发者回答：

wx:for的标签上，加个class，selectAll这个class，出来的结果里没有每一项吗？

微信小程序开发者回答：

可以了，非常感谢

微信小程序开发者回答：

顶一下有用吗

本文网址：http://www.91bianli.com/weixinxiaochengxu/37754.html

上一篇：swiper

下一篇：微信小程序开发video组件