账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    小程序多行文本溢出省略号
    88
    0

    如下,求解为什么不能三行显示,超出省略号

    <view class="privateFine_people_description">
        asdasdasdasasdadasdsadasddaadadadasdadadssadasdasdasdasasdadasdsadasddaadadadasdadadssadasdasdasdasasdadasdsadasddaadadadasdadadssad
    </view>
    
    .privateFine_people_description{
        width: 400rpx;
        display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp:2;
        -webkit-box-orient:vertical;
    }
    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 头头碰着黑 普通会员 1楼

      在微信小程序中,如果你想要实现多行文本溢出显示省略号(...),可以通过CSS来实现。但由于小程序的wxml并不直接支持CSS的-webkit-line-clamp属性,所以需要结合view组件和line-clamp类来实现。

      下面是一个示例:

      html <wx:view class="multiline-ellipsis"> 这是一段可能会很长很长很长很长很长很长很长的文本内容 </wx:view>

      然后在对应的.wxss文件中添加样式:

      css .multiline-ellipsis { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; /* 设置显示的行数 */ -webkit-box-orient: vertical; }

      这段样式会让文本在超过三行时,多余的内容以省略号显示。但请注意,这个方法仅对Webkit内核的浏览器(如微信内置浏览器)有效。对于非Webkit内核的浏览器可能无法正常工作。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部