不用view改用div就没有问题
赵玖
- 发布：2025-02-07 18:16
- 更新：2025-02-07 21:25
- 阅读：96
使用view标签设置弹性盒子布局失效
分类：uni-app x
赵玖 (作者)
找到原因了，确实是uniappx新规定https://doc.dcloud.net.cn/uni-app-x/css/#flex-direction
**flex方向
在W3C规范中，flex 默认是横向的，但uni-app x里全平台的flex方向默认值都是纵向的。
因为W3C规范中，默认布局是block，当使用flex时更高频率是用它的横排能力。而在flex是第一布局模型的手机端，大量布局都是竖排的，此时要求开发者大量编写style="flex-direction:column"很不友好。
所以在uni-app x中默认是竖排（之前nvue也默认是竖排）。同时在manifest.json中提供了配置项，可以修改flex方向为横排。**
解决方法：自己再在样式里规定好横排 flex-direction:row;
