微信小程序文字折叠效果

375关注1131浏览

这是某小说网站的小程序。我想知道这个文字折叠的效果是如何实现的。就是展开显示全文那个效果。就是他是如何判断什么时候显示展开。判断条件是什么。还有一个就是。他的展开是怎么和溢出隐藏那三个...同行的。求实现代码。不要网上复制些看不懂的东西。

展开全部

收起

2回答

新浪微博

微信

关注问题我来回答

即速问答小程序吐槽

微信小程序文字折叠效果

提交回答

至过去的我

2044人对此回答表示赞同

我是未来的你，你现在是不是在年找寻小程序答案。你不要感觉诧异，给你来信原因，就是让你不在后悔。今天去学习如何推广小程序，相信......点击查看更多>

展开

2024

2024回复

分享

QQ

新浪微博

微信

发布于年
收起
亚马逊河游客

9人对此回答表示赞同
本质上，要实现这个效果得解决两个问题：
- 判断文本是否过长的标准
- 文本过长时样式如何折叠
展开
9

0回复

分享

QQ

新浪微博

微信

发布于 6年前
收起
评论（0）

收起评论
苯巴比妥

1人对此回答表示赞同

首先把那个文字框view设置一个固定的高度（比如3行），overflow属性设为hidden，position属性设为relative。
“...”和“展开”放在同一个绝对定位（position为absolute）的view内，放在文字框内，定位在右下角，文字大小与文字框一致，这样当这个层显示时，就自然覆盖了文字框右下角，形成“... 展开”的效果。
然后在js中计算文字简介的字数，再根据文字框的字体宽度计算出总长度，除以文字框的宽度，如果计算结果大于3，就说明溢出了。这时可以通过se

展开

1

0回复

分享

QQ

新浪微博

微信

发布于 6年前
收起
评论（0）

收起评论

相关问题

有什么类似龙虾游戏资讯的小游戏推荐公众号吗？有哪些小众的、有趣的、值得推荐的小程序？抖音小程序什么时候会正式开放？你觉得小程序以后的发展怎么样？现在小程序正是企业浪潮的风口。做什么类型的小程序表较好呢？小程序代理可以做吗？

热门问题

微信小程序 errMsg:\"operateCamera:fail operate fail\" 微信公众平台怎么给关注的人群发消息什么是渠道二维码?有什么用途? 微信公众平台群发消息里,为什么一天只能发一条微信开发者无法上传，出现这个错误，请问要怎么解决？微信公众号如何做推送？微信日常图文推送怎么做？微信小程序能不能做微信网页授权，是微信网页授权，不是小程序自带的那个wx.login这个方法的授权；如果可以的话，授权里面的redirect_uri这个字段在小程序的那个地方填写；注意是小程序，不是公众号

小程序开发

微信公众号带参数二维码的使用？微信多参数二维码怎么生成？微信公众号参数二维码生成器使用？微信订阅号渠道推广带参数二维码如何生成和统计呢？如何在微信小程序里面添加游戏公众号生成微信渠道二维码的方法？

小程序功能

小程序为什么那么多人都在做？你是不是傻子有没有类似有赞微店商城的无需囤货的货源？用即速应用做的小程序，怎么内嵌到微信公众平台菜单栏？抖音小程序什么时候上线? 已有的公众号文章怎么发送到小程序

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

app获取微信小程序转账通知" 安卓模拟器不能打开小程序按键精灵小程序能同时运行几个安卓有微信小程序吗安卓开发有趣的小程序奥数小程序安卓模拟器微信小程序玩不了按键精灵小程序怎么用安卓桌面小程序调按钮抽奖小程序安卓作业简单小程序有哪些按下修改文字颜色小程序 ADB命令行测试小程序 app扫描小程序码安卓运行exe小程序按钮防重小程序

壁纸小程序上显示时间比赛评分小程序布客小程序编写一个点击确认弹出警告的小程序不要小程序的美篇步数统计小程序不占座小程序破解步数兑换小程序不要乱开车小程序部分微信小程序负面影响步步手机怎能把微信小程序册除步数换礼品的小程序不一样食堂小程序不用云服务器的小程序步数可以兑换东西的小程序不要发小程序的图片

c语言小程序工程如何拆分 c语言小程序能写软件吗 console.log()微信小程序长尾应用小程序 c语言小程序加减乘除程序长沙小程序商城成语猜猜猜小程序关卡22答案长沙租车小程序长治微信小程序哪家强长治微信小程序开通 C#写浪漫的小程序存图小程序长治所有小程序长治微信小程序销售长治微信小程序报价 c++小程序

夺冠魔方小程序诈骗地图小程序缩小和放大分不清楚调转微信小程序url 调整电脑屏幕亮度小程序夺宝答题王小程序开发教程贷款办卡小程序源码电脑访问微信小程序夺冠模仿小程序调试附近小程序多选项整人小程序钉钉是什么语言小程序开发的调研类小程序开发斗地主小程序残局28关 delphi编写读卡小程序钉钉小程序开发语言调节小程序速度

eclipse小程序字符串取数字字母二维码小程序点餐二手小程序二维码为什么变成小程序码了二维码小程序玩家二手交易的小程序二维码识别教室的微信小程序二维码防伪小程序二维码下单小程序二手房小程序二维码工房小程序二维码餐饮小程序二手物品交易网小程序二维码打印小程序二维码访问微信小程序二维码小程序实例

附近租房小程序飞猫云绑定微信小程序附近优惠微信小程序附近已有小程序展示阜阳小程序推广员非个人主体小程序复制别人的微信小程序复用小程序资质建公众号恵风扬浦小程序复用资质创建小程序是什么意思复制微信小程序中的内容复制小程序中的文字附近找不到小程序附近小程序租的附近怎么展示小程序复morlet小波程序

国外小程序的研究情况国外小程序开发果酱音乐小程序个人公众号可以绑定认证小程序个人小程序转企业认证嚰姑街怎么更新小程序 getData()小程序果蔬小程序过年贺卡的小程序过年小程序国外关于微信小程序的研究公众平台登录是小程序公众号小程序微小店备用网页过年小程序游戏更换域名,小程序需要重新审核吗国外关于微信小程序的发展情况

获取小程序页面滚动的值获取最新的菊花式小程序码获取小程序密匙海盗来了小程序玩家群获取小程序请求数据获取小程序远吗海盗来了小程序喇叭刷取获取小程序普通二维码获取小程序客服数据包好玩的小程序代码 hbuilder如何运行微信小程序获取小程序指定页面路径获取小程序码失败获取小程序码接口返回获取小程序抓包 h5按钮调用小程序分享

iPhone怎么识别小程序 Idea中写小程序let i麦当劳小程序 i麦当劳小程序异常 iphongx刘海小程序 i麦当劳小程序汉堡卷 ipod微信小程序 i麦当劳小程序地区 it之家微信小程序 i麦当劳礼品卡小程序 ipod小程序 i图标小程序 i麦当劳小程序更换用户 i微信小程序 i排版中的微信小程序 i麦当劳小程序支付宝

鲸打卡小程序每年多少钱即速应用小程序解绑军武小程序视频绝地求生陪玩小程序 java小程序查看器掉不出来军棋裁判手机小程序绝地求生无后座小程序 javaapplet小程序用代码关闭绝地求生刺激战场微信小程序绝地求生旅客小程序不能用了绝地求生旅客小程序yy 绝地求生小程序除草绝地求生旅客吃鸡小程序用不了绝地求生大逃杀小程序 javabeansetproperty小程序军装照小程序

昆山小程序骗局昆明微信小程序促销快站小程序昆明小微信小程序昆明小程序开发宽行微信小程序搭建快站apicloud小程序昆明小程序开发博客开发微信小程序后端语言可以设置微信小程序audio宽度吗葵花点穴手是哪个微信小程序快递100小程序appid 昆明小程序开发公司框架结构计算小程序匡威官方小程序昆山小程序邀请

滤镜小程序律师入驻小程序旅游业微信小程序滤清器小程序绿骆驼小程序律师小程序模板律管管小程序类似蘑菇街女装的的小程序平台律师介绍小程序律师微信小程序律查小程序旅游小程序网站旅游小程序图片旅游小程序怎么起名律师是否应该开通微信小程序绿盟官网锥体计算小程序

麦当劳小程序退费美团小程序和美团APP一样么美团小程序活动比app还多慕课微信小程序百度云美团小程序如何换绑手机麦当劳小程序怎样退单美团小程序绑定电话更改麦当劳小程序点餐退款麦当劳小程序订单取消慕然科技小程序 mac地址获取小程序美团外卖微信小程序如何更换账号慕课网小程序开发视频百度云慕课网小程序实战百度云没有营业执照注册公众号小程序慕课小程序百度云

女王新款小程序pv .net微信小程序t图片上传女王新款小程序入驻哪个小程序走步换礼品女孩子喜欢的小程序能去照片中多余部分的小程序女王新款小程序女生用的微信小程序那个安卓模拟器可以用小程序农历日历小程序女生的小程序女王的新款小程序女装小程序介绍女王的新款小程序可靠吗诺基亚小程序退款女人游小程序

oss小程序 oppo手机的天气小程序 oppo手机微信没小程序 oppo小程序 oppo手机百度照相机开启小程序 oppor11怎么跳出小程序 onreachbottom不触发小程序 oppor9s加桌面小程序 oppo如何增加小程序 oppo微信小程序很卡 oppor9s微信有小程序吗偶像影响力小程序 oppo手机小应用程序 oppor11怎么弄小程序 oppoa59小程序怎么添加 OppO怎么删微信小程序

浦发小程序为何关联不了浦发信用卡小程序申卡苹果手机使用微信小程序特别热普勒轻商城小程序 php微信小程序提现普通二维码进入小程序普通链接跳转微信小程序普美小程序普通人可以开发微信小程序吗苹果手机微信小程序快速返回苹果4s小程序加载不了浦发小程序签到哪里浦江小程序普通商户如何开通微信小程序普通二维码微信小程序普通人能开发微信小程序吗

群主小程序请帖小程序源码群玩助手小程序怎么没法下载群影小程序里的照片企业小程序打款多少群主必备的微信小程序群小助手小程序干嘛用求2个数值的和小程序群组小程序求小程序源码包括后台群主小程序好用群享通讯录小程序群统计小程序群玩宝小程序干嘛的群助手小程序是什么群玩助手怎么换其他小程序

如何查看小程序原代码人人商城小程序开发软文植入小程序软文中可以加小程序吗入驻小程序商店软键盘小程序下载如何清除桌面上的小程序图标入驻微信小程序要钱吗软件开发小程序入驻微信小程序的条件如何限制小孩玩微信内小程序入驻微信小程序电商弱网络小程序如何禁止微信小程序的应用软捷科技微信小程序如何修改审核后的小程序

锁屏后微信小程序索尼小应用程序不见了商城小程序的插件扫码购小程序宿迁小程序吧索尼相机的小程序所有小程序的名字三星手机取消小程序索尼笔记本桌面小程序神配图小程序功能的实现锁屏下面有小程序索尼便签小程序索尼记事本小应用程序宿迁小程序平台宿舍管理系统的微信小程序扫码填单提交服务器小程序

推荐音乐的微信小程序推荐烟台小程序推荐宿迁小程序 tp5api加密小程序推文插入小程序的路径退役军人服务小程序脱壳小程序练手推文进入小程序推送文章小程序腾讯小程序中国象棋残局92关拓客小程序头像变成卡通的小程序推销微信小程序的话术拓茂小程序推送小程序话术怎么说题库小程序源码

ui设计师怎么弄小程序 usb小音响怎样安装驱动程序 ueditor小程序 userinfo小程序 ui小程序布局 undefined小程序报错 UU同学小程序微电影 UI开发小程序 u盘清理小程序 utilrequest小程序 utf8打印微信小程序 ug可以选刀库的小程序 UDESK微信小程序客服 unity小程序教程 uggrip小程序 ueditor支持小程序

vueweex微信小程序 v信小程序连轮购是什么 vue开发小程序 vs怎么创建一个小程序 vx小程序是什么 vivo手机微信小程序怎么不能用 vx猜歌小程序101首 vue小程序 vue难还是小程序难 vue转换小程序 vx开发小程序 visual小程序c++6.0叹号 vx小程序开发 vs2015入门小程序 vs2013小程序例子 vue长按识别小程序码

微信小程序怎么引入外部css文件微信PC版小程序微信小程序配置ip可以吗微信小程序里的美团手机号怎么改微信公众平台如何解绑小程序微信小程序如何刷新消息微信里的打卡小程序别人能看见吗微信小程序美团怎么换绑定手机号微信小程序象棋怎么没声音了微信小程序的美团如何换绑微信小程序业务域名可以多个吗微信群里聊天小程序怎么删除微信美团小程序如何退出登录微信绑定小程序为何删不掉微信小程序英语点读多少钱微信小程序的历史记录如何删除

小程序对腾讯公司打款怎么打小程序活动怎么通知粉丝小程序如何动态添加元素小程序怎么判断字符串不等于小程序业务域名如何配置多个小程序关闭时会自动清理缓存吗小程序如何查看手机的基础库小程序还没上线认证费用可以退吗小程序如何查看基础库小程序里的文字怎么复制小程序为什么没有html文件小程序上开发板怎么去掉小程序调用怎么外边的函数小程序id在哪里小程序怎么引入css 小打卡小程序怎么改名字

韵达小程序下单后怎么取消原始ID去找回小程序账号运行内存一般比程序小多少韵达小程序医疗微信小程序源码运营一个小程序需要什么人员运营商降级小程序下载运行本地小程序有没有小程序自动显示备注名一手任务小程序运营小程序需要交钱吗有趣的小程序c++语言运动小程序推荐运动小程序推广运指如飞小程序用Pascal语言编写登录的小程序

怎样添加微信小程序支付消息制作死循环小程序怎样解决无限弹窗小程序怎么查看小程序的域名怎么更改小打卡小程序的名字子页面中设置微信小程序tabBar? 怎么知道自己的小程序基础库版本怎样阻止微信里的小程序怎么在小程序上加流量主代码怎么查询微信小程序的原始id 只知道原始id如何解绑小程序怎样退出微信登录的小程序怎样看到电脑上一个小程序代码制造官方发的短信的小程序只知道小程序原始ID 只有原始ID的小程序怎么登陆