收藏
回答

使用CSS设置文本超两行显示省略号,iPhone部分机型省略号在第一行显示

框架类型 问题类型 终端类型 微信版本 基础库版本
小程序 Bug 微信iOS客户端 8.0.45 3.3.2

所有安卓机型没有问题!

预期效果图(图一):

(图一:iPhone13;ios16.0.2)

异常效果图(图二):

(图一:iphone 15 pro max;ios17.2.1

最后一次编辑于  01-17
回答关注问题邀请回答
收藏

3 个回答

  • 大山
    大山
    01-17

    此属性导致,换种写法/

    <view>
    <view class="box">
    <text class="prefix">前缀前缀 </text>
     看我省略号在第一行还是第二行 看我省略号在第一行还是第二行 看我省略号在第一行还是第二行 看我省略号在第一行还是第二行 看我省略号在第一行还是第二行 看我省略号在第一行还是第二行
    </view>
    </view>
    //css
    .prefix {
      background-color: green;
    }
    

    01-17
    有用 1
    回复 9
    • 朝歌有妖
      朝歌有妖
      01-17
      就是想在不改变原有结构的情况下解决这个问题,你这样要把view换成text的话,text是行内元素,没法设置宽度,我这个view需要设置指定宽度的
      01-17
      回复
    • 大山
      大山
      01-17回复朝歌有妖
      display: inline-block; 替换成 display: inline;
      01-17
      1
      回复
    • 朝歌有妖
      朝歌有妖
      01-17
      display: inline;是将盒子设置成行内元素,就没办法设置宽度了呀哥
      01-17
      回复
    • 大山
      大山
      01-17回复朝歌有妖
      使用这个属性,在小程序是不兼容,应该是个bug
      01-17
      回复
    • 大山
      大山
      01-17回复朝歌有妖
      临时解决的方式可以用 display: inline;padding: 0 50px;
      01-17
      1
      回复
    查看更多(4)
  • 百事可樂
    百事可樂
    07-15

    2024/7/15 此bug还未解决

    07-15
    有用
    回复
  • 朝歌有妖
    朝歌有妖
    01-18

    顶一下

    01-18
    有用
    回复
登录 后发表内容