uni-app nvue中text支持max-width属性 请勿hx再提示

uni-app nvue中text支持max-width属性 请勿hx再提示

操作步骤：

1

预期结果：

1

实际结果：

1

bug描述：

nvue中text是支持max-width属性的，建议hx不要再提示了

| 项目信息       | 详情             |
|----------------|------------------|
| 产品分类       | uniapp/App       |
| PC开发环境     | Windows          |
| PC开发环境版本 | win10            |
| HBuilderX类型  | 正式             |
| HBuilderX版本  | 2.8.3            |
| 手机系统       | Android          |
| 手机系统版本   | Android 10       |
| 手机厂商       | 小米             |
| 手机机型       | 红米note7        |
| 页面类型       | nvue             |
| 打包方式       | 云端             |
| 项目创建方式   | HBuilderX        |

更多关于uni-app nvue中text支持max-width属性 请勿hx再提示的实战教程也可以访问 https://www.itying.com/category-93-b0.html

11 回复

我加上 max-width 没效果啊

更多关于uni-app nvue中text支持max-width属性 请勿hx再提示的实战教程也可以访问 https://www.itying.com/category-93-b0.html


只能在text上，别的没用，估计外层还需要设置宽度把，你再多试试 不过我全局设置了row方向，默认不是col么，可能也有关系，你都试试

顶顶顶顶顶

顶顶顶顶顶

感谢提醒
不过 max-width 确实兼容性不太好，某些情况不会生效，此条警告需要保留
WARNING: max-width is not a standard property name (may not be supported)

好的，那建议这项min- max- 建议研究完善一下，有些情况，比如flex下text文字如果不设置宽度那么就不会自动换行，这时候这个属性就显得很有必要了

建议完善一下

是，这个挺重要的

因为text标签对max-width属性有着兼容性问题，所以不支持在text标签中使用这个属性。 所以在外面套一个view就可以了

可以考虑预编译明确忽略警告，就是告诉编译器，在这里我知道怎么回事，但你不要警告了。在很多高级语言编辑器中是有这个功能的。

关于nvue中text组件支持max-width属性但HBuilderX仍提示的问题：

  1. 确实在nvue中，text组件是支持max-width属性的，这是weex/nvue特有的样式属性，与普通vue页面不同。

  2. HBuilderX的语法提示是基于常规web标准校验的，可能未完全适配nvue特有的属性支持情况。

  3. 目前可以暂时忽略这个提示，或者通过注释方式绕过校验：

/* eslint-disable */
text {
  max-width: 200px;
}

  1. 建议在DCloud官方社区提交反馈，促使HBuilderX在后续版本中完善对nvue特有属性的支持校验。

  2. 作为临时解决方案，也可以考虑使用条件编译来避免提示：

/* #ifdef APP-NVUE */
text {
  max-width: 200px;
}
/* #endif */
回到顶部