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,在listjustify-content: flex-start;时,也就是默认值,cell的margin左右全放到右边了,上下不显示;

2,在listjustify-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

回到顶部