uni-app中 list-cell的margin渲染错误以及justify-content属性异常
uni-app中 list-cell的margin渲染错误以及justify-content属性异常
| 开发环境 | 版本号 | 项目创建方式 |
|---|---|---|
| Windows | win10 | HBuilderX |
产品分类:uniapp/App
PC开发环境操作系统:Windows
PC开发环境操作系统版本号:win10
HBuilderX类型:正式
HBuilderX版本号:3.2.16
手机系统:Android
手机系统版本号:Android 9.0
手机厂商:华为
手机机型:荣耀
页面类型:vue
vue版本:vue2
打包方式:云端
项目创建方式:HBuilderX
示例代码:
四组相同结构,上面2个是list-cell,下面2个是view-view,显示不正常的有:
view中都是正常的。
1,在list的justify-content: flex-start;时,也就是默认值,cell的margin左右全放到右边了,上下不显示;
2,在list的justify-content: flex-end;时,子元素不是从底部开始(要是说list必须从顶部开始也能接受),cell的margin左右显示,上下不显示,没明白为什么是justify-content影响子元素的左右排列;
3,在justify-content: flex-start;时或默认不填时,align-items无论填什么都等于同于align-items: flex-start;;
操作步骤:
以上代码直接运行就能看到效果
预期结果:
list-cell显示能按view那样。
实际结果:
如上所描述。
更多关于uni-app中 list-cell的margin渲染错误以及justify-content属性异常的实战教程也可以访问 https://www.itying.com/category-93-b0.html

