微信小程序页面布局方式 (react native也可以用)-温故而知新 (3)

微信小程序页面布局方式 (react native也可以用)-温故而知新

2)flex-end伸缩项目向交叉轴的起始位置靠齐

微信小程序页面布局方式 (react native也可以用)-温故而知新

3)center伸缩项目向交叉轴的中间位置靠齐

微信小程序页面布局方式 (react native也可以用)-温故而知新

4)space-between伸缩项目在交叉轴中平均分布

微信小程序页面布局方式 (react native也可以用)-温故而知新

5)space-around伸缩项目在交叉轴平均分布,且两边各有一半空间

微信小程序页面布局方式 (react native也可以用)-温故而知新

6)strech伸缩项目将会在交叉轴上伸展以占用剩余空间

微信小程序页面布局方式 (react native也可以用)-温故而知新

order

用于定义排列顺序,数值越小,排列越靠前,默认值为0

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zwsgpz.html