公告列表
公告列表
收藏
回答

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

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

所有安卓机型没有问题！

预期效果图（图一）：

（图一：iPhone13；ios16.0.2）

异常效果图（图二）：

（图一：iphone 15 pro max；ios17.2.1）

https://developers.weixin.qq.com/s/H3z2Ghmo7POX
最后一次编辑于  01-17
回答关注问题邀请回答
收藏

3 个回答

  • 社区技术运营专员--许涛
    社区技术运营专员--许涛
    01-18

    你好，这是苹果系统的问题

    01-18
    有用
    回复
  • 大山
    大山
    01-17

    此属性导致，换种写法/

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

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

    顶一下

    01-18
    有用
    回复
请 登录 后发表内容
相关问题
相关文档