微信小程序Text限定行数

微信小程序Text限定行数,第1张

想实现小程序中组件text最多显示两行内容,如果超出就省略号,搞了半天都没师兄锋磨,百度出来的全都不对,这可和微信开发者工具的版本有关系.因为我发现好多效果和例子实现出来的完全不一样,mmp!

white-space: nowrap 网上很多博客都有whiteice-space,我设置了就不银凯斗行,删除孙含了就对了

<view class="box">我的字数很多阿萨德撒萨达萨达萨达携镇就安静的加多少辩薯粗家看得开卡打卡拉到了啦啦队啦啦队</view>f

.box{

width:100rpx

height:30rpx//高度不能乱写,你要自己去看你的两行文字占多少高度

font-size:15rpx

overflow:hidden//手衡一定要写

text-overflow: ellipsis//超出省略号

display:-webkit-box//一定要写

-webkit-line-clamp: 2//控制行数

-webkit-box-orient: vertical//一定要写

}

text{

overflow:hidden//超出一行文字自动隐藏

text-overflow:ellipsis//文字隐藏后添加省略号

white-space:nowrap //强制不换行

}

看看备芦这样有效不?碧滚态上面那个最佳答案怕不是傻的吧,就是不知道才来问悔源啊


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/12440640.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-25
下一篇 2023-05-25

发表评论

登录后才能评论

评论列表(0条)

保存