nvue中Flex是默认布局模型，无需display: flex；仅支持flex-direction的row/column及其reverse变体，column为默认值；justify-content和align-items可用但space-around有兼容性问题；不支持flex-wrap、order等高级属性。
flex在nvue中是默认布局模型，不用写display: flex
nvue页面底层基于原生渲染，flexbox 是唯一且默认的布局机制。这意味着只要一个元素能容纳子节点（比如 view），它天然就是 flex 容器——你不需要手动加 display: flex，写了反而可能被忽略或触发兼容性警告。
常见错误现象：在 nvue 中给父 view 写了 style="display: flex; flex-direction: row;"，结果在 iOS 上对齐失效、Android 上换行异常。原因就是冗余声明干扰了原生 flex 引擎的默认行为。
- 只用 class 控制方向和对齐，比如
uni-row、uni-column、justify-content-center - 避免在 nvue 中写
display: flex或display: -webkit-flex - 如果用了自定义 class，确保没覆盖掉 uni-app 的 flex 基础类（如
.uni-flex已内置display: flex，但 nvue 下它其实不生效）
flex-direction 只支持 row/column 及其 reverse 变体
nvue 对 Flex 属性做了精简，flex-direction 是少数完全可用的核心属性，但仅限四个值：row、row-reverse、column、column-reverse。其他如 row-reverse 在部分旧版 Android 原生引擎中可能表现不稳定，建议优先用 row 和 column。
-
column是 nvue 默认值（注意：和 vue 页面不同，vue 页面默认是row） - 横向布局必须显式设
flex-direction: row，不能依赖“未声明时自动横排” - 用 class 更稳妥，例如：
class="uni-row"（对应flex-direction: row）或class="uni-column"
justify-content 和 align-items 能用，但别依赖 space-around
这两个属性在 nvue 中基本可用，但 space-around 存在兼容性问题：iOS 15+ 正常，部分 Android 10 设备上子项间距计算错误，表现为首尾留白过大或错位。相比之下，space-between 稳定得多。
-
justify-content主轴对齐（方向由flex-direction决定）：推荐用flex-start、center、space-between -
align-items交叉轴对齐：常用stretch（默认）、center、flex-start - 不要在关键业务区域（如按钮组、表单项）用
space-around，改用padding+center组合更可控
nvue 中 flex 不支持 flex-wrap、order、align-content 等高级属性
nvue 的 flex 实现是轻量级原生封装，不支持 CSS Flexbox 全集。像 flex-wrap: wrap 在 nvue 中无效，子元素超出容器宽度时会直接溢出或压缩，不会自动折行；order、flex-grow、align-self 等也一概不识别。
- 需要换行？只能靠 JS 控制子元素数量 + 手动分组，或改用
scroll-view+ 固定列数模拟 - 想调整单个子项顺序？用
v-for重排数组，而不是依赖order - 交叉轴多行对齐（
align-content）完全不可用，nvue 中所有 flex 容器都视为单行/单列处理
真正容易被忽略的是：nvue 的 flex 行为和 vue 页面不一致，哪怕 class 名一样。比如 .uni-row 在 vue 页面里要配合 display: flex 才生效，在 nvue 里它只是个语义标记——实际起作用的是内联 style 或平台默认规则。调试时别假设“在 vue 里能跑，nvue 就没问题”。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
