收藏
回答

多行文字溢出省略号IOS样式错误?

IOS做两行溢出文本的时候省略号与文字重叠,安卓和模拟器都正常,IOS真机异常

问题代码如下

<view class="test">测试测试测试测2033试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试</view>

.test {
    width300rpx;
      padding0 20rpx;
      display: -webkit-box;
      overflow: hidden;
      -webkit-line-clamp2;
      -webkit-box-orient: vertical;
       text-align: justify;
      white-space: normal;
      font-size28rpx;
      line-height35rpx;
    padding-top200rpx;
}


另外代码片段真机预览的文字溢出省略号处理也有异常

代码片段webview渲染模式下text-overflow: ellipsis;在真机预览上完全失效,模拟器正常

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

2 个回答

  • LinaBell  ྀི
    LinaBell ྀི
    2023-12-26

    遇到同样的问题,请问解决了吗

    2023-12-26
    有用
    回复
  • 🔥🌟
    🔥🌟
    2023-12-13

    第一个问题产生的原因应该是text-align: justify;这个属性,去掉则IOS真机正常,但这仍然是一个bug

    2023-12-13
    有用
    回复
登录 后发表内容