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