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
也其他用户反馈不生效:https://ask.dcloud.net.cn/question/117871
打印的是“可能”不支持,实际真的是“可能”,因为编译器不知道这个属性会被用在具体的什么组件上。
从 weex 文档上可以看到其支持存在限制,实际使用中也不太如意。
后续会优化一下,将这些警告颜色改为黄色。
在 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>


