小程序怎么让文本只显示两行！超出后以...省略号显示！

关于这个问题其实小程序和普通html是一样的 ，看如下代码

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

.box{
    width:100rpx;
    height:30rpx;//高度不能乱写，你要自己去看你的两行文字占多少高度
    font-size:15rpx;
    overflow:hidden;//一定要写
    text-overflow: ellipsis;//超出省略号
    display:-webkit-box;//一定要写
    -webkit-line-clamp: 2;//控制行数
    -webkit-box-orient: vertical;//一定要写
}

 

 好啦！拜拜！