uniapp中 为什么-webkit-box-orient:vertical; -webkit-line-clamp:3这两行代码报错
时间: 2023-08-03 20:03:59 浏览: 175
CSS -webkit-box-orient: vertical属性编译后丢失问题详解
这两行CSS代码是用于控制文本溢出的样式。但是在uni-app中,由于其是基于Vue开发的跨平台框架,使用的是weex引擎渲染,而weex并不支持部分CSS样式。因此,你需要使用weex所支持的方式来解决文本溢出的问题。你可以尝试使用以下代码:
```css
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
```
这段代码可以实现与你提到的代码相同的效果,同时也能在uni-app中正常使用。
阅读全文