React Taro多行文本省略无效
-
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;
}
不管怎么修改,多行文本都无法进行省略,浏览器有效,手机浏览器无效
-
-
<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; }
这不就可以了吗
-
@iNiL0119 请问你用的是手机浏览器吗?电脑调试没有问题的,用手机调试你会发现不起作用
-
@ihopeful 已试过这些方法都不好使,手机浏览器无法使用
-
@jd_5257de320dc47
电脑浏览器调试结果
手机调试结果
-
@jd_5257de320dc47 因为只做了小程序的没有做h5的,可能是存在兼容问题
-
@iNiL0119 应该是兼容性问题,实际效果发现是有的,但是触发时机有问题,初次渲染dom节点时好像并没有把多文本省略的样式加上去,切换tabBar时跳回来,却省略了,再次创建节点,如懒加载添加第二页的数据时,第二页数据一样不会被省略,刷新页面,效果依然失效,包括之前生效的数据,感觉这应该是个bug,我在issue提了