手机版

微信小程序控件学习:视图《下》的flex布�

时间:2021-12-19 来源:互联网 编辑:宝哥软件园 浏览:

分享者:Maychunj这篇文章是在公测之前写的。如有不符,请以官方文件为准。

在前一章,即微信小程序视图的flex Layout (1)中,我们研究了flex容器的属性,并总结出它包括

(1)flex-direction设置容器中子元素的排列方向,即flex-item。

(2)flex-warp设置容器中的子元素是否换行。

(3)对齐-内容设置子元素在横轴,即X轴上的排列位置。

(4)align-items设置子元素在Y轴上的排列位置。

(5)align-content设置排列在多个主轴上的子元素的位置。

让我们来谈谈flex-item的属性。在flex容器中,每个子元素都是一个flex项。

第一个属性 order

order : index order属性定义项目的排序顺序。值越小,排名越高,默认值为0。

微信小程序控件学习:view的flex布局《下》(图1)

Wxss文件

版权声明:微信小程序控件学习:视图《下》的flex布�是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。