收藏
回答

设置line-height:1并设置超出省略时,ios出现内容溢出

框架类型 问题类型 操作系统 操作系统版本 手机型号 微信版本
小程序 Bug iOS 14.2 iphone 12 8.0.16
<view style="display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;word-break: break-all;font-size: 24rpx;font-weight: bold;line-height: 1;">
    撒打算大撒打算大撒打算大撒打算大撒打算大撒打算大撒打算大撒打算大撒打算大撒打算大撒打算大撒打算大撒打算大撒打算大撒打算大撒打算大撒打算大撒打算大撒打算大撒打算大撒打算大撒打算大撒打算大撒打算大撒打算大撒打算大撒打算大撒打算大撒打算大撒打算大撒打算大撒打算大撒打算大撒打算大撒打算大撒打算大撒打算大撒打算大撒打算大撒打算大撒打算大撒打算大撒打算大撒打算大撒打算大撒打算大撒打算大撒打算大
</view>
<view style="margin: 30px;"></view>
<view style="display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;word-break: break-all;font-size: 24rpx;font-weight: bold;line-height: 1;">
    撒打算大撒打算大撒打算大撒打算大撒打算大撒打算大撒打算大撒打算大撒打算大撒打算大撒打算大撒打算大撒打算大撒打算大撒打算大撒打算大撒打算大撒打算大撒打算大撒打算大撒打算大撒打算大撒打算大撒打算大撒打算大撒打算大撒打算大撒打算大撒打算大撒打算大撒打算大撒打算大撒打算大撒打算大撒打算大撒打算大撒打算大撒打算大撒打算大撒打算大撒打算大撒打算大撒打算大撒打算大撒打算大撒打算大撒打算大撒打算大
</view>



回答关注问题邀请回答
收藏

3 个回答

  • 青团社
    青团社
    2021-11-15

    line-height: 1.5, 1的肯定是有问题的,外部容器高度设置不恰当。

    2021-11-15
    有用 1
    回复 3
    • 黄某某
      黄某某
      2021-11-15
      1.5 不满足场景,我们想要文本12px 盒子高度也为12px。开发者工具没问题
      2021-11-15
      回复
    • 青团社
      青团社
      2021-11-16回复黄某某
      line-height: normal
      2021-11-16
      1
      回复
    • 彭世瑜
      彭世瑜
      2022-03-31
      完美解决
      2022-03-31
      回复
  • 曹孟良
    曹孟良
    2021-11-12

    写个高度套住它,overflow hidden

    2021-11-12
    有用
    回复 1
    • 黄某某
      黄某某
      2021-11-12
      字体作为全局变量的前提下,这种操作太鸡肋了
      2021-11-12
      回复
  • 游戏人生
    游戏人生
    2021-11-12

    写死24rpx 试过吗?

    2021-11-12
    有用
    回复 1
    • 黄某某
      黄某某
      2021-11-12
      试过,line-height: 26rpx同样也会出现
      2021-11-12
      回复
登录 后发表内容