美文网首页
微信小程序文本超出两行显示...

微信小程序文本超出两行显示...

作者: 理子 | 来源:发表于2020-06-09 22:26 被阅读0次

    关于这个问题其实小程序和普通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;//一定要写
    }
    

    版权声明:本文为CSDN博主「FOR=10000」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
    原文链接:https://blog.csdn.net/weixin_43099985/article/details/85861431

    相关文章

      网友评论

          本文标题:微信小程序文本超出两行显示...

          本文链接:https://www.haomeiwen.com/subject/dokytktx.html