React Taro多行文本省略无效

[jd_5257de320dc47]

address-right {
flex: 1;
height: 80px;
margin-left: 24px;
font-size: 26px;
font-weight: bold;
color: #333333;
display: -webkit-box;
-webkit-line-clamp: 1;
/* autoprefixer: ignore next */
-webkit-box-orient: vertical;
-webkit-box-orient: vertical;
overflow: hidden;
}
不管怎么修改，多行文本都无法进行省略，浏览器有效，手机浏览器无效

[ihopeful]

https://taro-club.jd.com/topic/2270/taro多行文本省略不生效

[iNiL0119]

<View className='lines'>React Taro多行文本省略无效，React Taro多行文本省略无效，React Taro多行文本省略无效，React Taro多行文本省略无效，React Taro多行文本省略无效，React Taro多行文本省略无效，React Taro多行文本省略无效，React Taro多行文本省略无效，React Taro多行文本省略无效，React Taro多行文本省略无效，React Taro多行文本省略无效，React Taro多行文本省略无效。</View>

.lines {
  overflow:hidden; 
  text-overflow:ellipsis;
  display:-webkit-box; 
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2; 
}

这不就可以了吗

[jd_5257de320dc47]

@iNiL0119 请问你用的是手机浏览器吗？电脑调试没有问题的，用手机调试你会发现不起作用

[jd_5257de320dc47]

@ihopeful 已试过这些方法都不好使，手机浏览器无法使用

[jd_5257de320dc47]

@jd_5257de320dc47 电脑浏览器调试结果
手机调试结果

[iNiL0119]

@jd_5257de320dc47 因为只做了小程序的没有做h5的，可能是存在兼容问题

[jd_5257de320dc47]

@iNiL0119 应该是兼容性问题，实际效果发现是有的，但是触发时机有问题，初次渲染dom节点时好像并没有把多文本省略的样式加上去，切换tabBar时跳回来，却省略了，再次创建节点，如懒加载添加第二页的数据时，第二页数据一样不会被省略，刷新页面，效果依然失效，包括之前生效的数据，感觉这应该是个bug，我在issue提了