2019-09-30 小程序怎么让文本只显示两行!超出后以...省略号显示!

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了2019-09-30 小程序怎么让文本只显示两行!超出后以...省略号显示!相关的知识,希望对你有一定的参考价值。

参考技术A <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;//一定要写

以上是关于2019-09-30 小程序怎么让文本只显示两行!超出后以...省略号显示!的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序中分数显示实现方法

通过文本小部件显示文本时Flutter,有时文本显示为两行

微信小程序 怎么让一个集合只展示两条数据

应用程序启动器文本 - 两行中的应用程序名称

css里面怎么让文字长的时候两行显示,最多两行,多余的省略号显示,最重要的是支持ie浏览器,

QGridLayout里添加这一个QPushButton怎么让其占两行