收藏
回答

-webkit-line-clamp和text-align: justify共用

问题模块 框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
API和组件 小程序 Bug view 客户端 6.7.2 1.9.0

- 当前 Bug 的表现(可附上截图)


可以看到第一个"..."和文字重叠了,两个样式是一样的,只是内容不一样,也就是某些文字的尺寸组合会导致这样


- 预期表现

都像第二个的表现(在chrome中测试,不管内容如何表现都是正常的)


- 复现路径

wxml:

<view class="intro">当前 Bug 的表现当前 Bug 的表现当前 Bug 的表现当前 Bug 的表现当前 Bug 的表现当前 Bug 的表现当前 Bug 的表现当前 Bug 的表现当前 Bug 的表现</view>

css:

.intro {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  word-break: break-all;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-align: justify;
  margin-bottom: 2em;
}

- 提供一个最简复现 Demo


最后一次编辑于  2018-08-27  (未经腾讯允许,不得转载)
邀请回答
复制链接收藏投诉关注问题回答

2 个回答

  • cunjinli
    cunjinli
    2018-08-27

    你好,问题已复现,我们会尽快修复!请先避免两个一起使用

    2018-08-27
    赞同 1
    回复 1
    • princekin
      princekin
      2018-08-27

      感谢!

      2018-08-27
      回复
  • princekin
    princekin
    2018-08-27

    去掉text-alignjustify显示正常,两者一起用有问题

    2018-08-27
    赞同
    回复