uni-app中nvue组件word-wrap等css属性报红

uni-app中nvue组件word-wrap等css属性报红

5 回复

这很误导人,明明css是有效果的,但是编辑器上总说不支持,

更多关于uni-app中nvue组件word-wrap等css属性报红的实战教程也可以访问 https://www.itying.com/category-93-b0.html


打印的是“可能”不支持,实际真的是“可能”,因为编译器不知道这个属性会被用在具体的什么组件上。
从 weex 文档上可以看到其支持存在限制,实际使用中也不太如意。
后续会优化一下,将这些警告颜色改为黄色。

Android平台:nvue 暂不支持 word-wrap

在 uni-app 的 nvue 页面中,CSS 属性的支持与标准 Web 有所不同。word-wrap 属性在 nvue 中确实不被支持,因此编辑器会报红。

nvue 的样式基于 Weex,它更接近原生渲染,所以支持的 CSS 属性是有限的。对于文本换行,你可以使用 lines 属性或 text-overflow 来控制多行文本的显示。

如果你需要实现类似 word-wrap: break-word 的效果,可以尝试将文本放在 text 组件中,并设置 lines 属性来限制行数,超出部分会自动显示省略号。例如:

<text class="my-text" lines="2">这是一段很长的文本内容...</text>
回到顶部