微信小程序布局基础

 

Flex-direction:  column/ row   里面子元素排列是竖像还是横向

 

Flex-wrap： nowrap / wrap / wrap-reverse   确定一行多元素是否换行

 

flex-flow ：  两个元素，分别是上面两个的组合，第一个数值为flex-direction，第二个为flex-wrap。

 

Justify-conten：center、flex-start、flex-end 、space-between、spac-around 在主轴上元素对齐方式

 

align-items：center、flex-start、flex-end 、stretch、baseline（元素内第一行文字对齐）  元素在交叉轴对齐方式

 

 

元素属性：

 

flex-grow： 0  1  当背景空间足够大，元素是否需要放大比例

flex-shrink：0  1 当背景空间不够大，元素是否需要缩小比例

flex-basis ：100px，支持px

Flex：上面三个缩写

Order： 数字越大排序越靠后

 

 

 

 -------------------------------------------------------------------------------------------

相对定位：相对于自己的原来的位置定位的

绝对定位：是相对自己最近的已定位（带有display）的父级元素进行定位

 

Position：relative、absolute，  相对定位、绝对定位