Flex微信小程序笔记

1.flex-direction : 用于设置主题方向

 一.flex-direction: row;

 二.flex-direction: column;

  三.flex-direction: row-reverse;

 四.flex-direction: column;

五.flex-direction: column-reverse; 

 2.justify-content: 用于设置项目在主题上的对齐方式;

一：justify-content: flex-start/justify-content: flex-end分别代表对齐主轴首尾，且都不留下空隙

二：justify-content: conter;整体向上对其

三：justify-content: space-between;两端对齐，且中间间隔相等

3.align-items属性

align-items: flex-start;与交叉起点对齐相反align-items: flex-end;是与交叉终点对齐

4.flex-wrap属性用于规定是否允许项目换行，能够设置多行排列时换行的方向

一：flex-wrap: wrap;空间不足换行

 二： flex-wrap: wrap-reverse;与一相同但是换行方向相反