微信小程序-----Flex布局（如何安排居中）

微信小程序-----Flex布局

微信中display表示布局显示，有两种形式一个是block，一个是flex。
block，代表一种盒子，表达一种占整个宽的一个长条
flex，（flexiable灵活的）代表灵活的表达方式

对于block，简单的理解为盒子布局
而flex是灵活性de
一般来说：
1、display:flex/column
说明将布局方式变成灵活性的
2、flex-direction：row/column/row-reverse/column-reverse
主轴布局的方式，默认的是横轴row，我们所用的还有column 纵向 （reverse分别表示相反方向 例：本来横轴是从左到右的，reverse后则是从右边到左边）
3、justufy-content：center/flex-start/flex-end/space-around/space-between
设置内容排布,
center：垂直居中
flex-start: 首段布局
flex-end: 尾端布局
space-around ：四周
space-between：间隔
对应的方式自行去打印，输出即可看出差别
4、align-items:stretch/flex-start/flex-end/center/baseline
stretch 填充整个容器(默认值)
flex-start 起点对齐
flex-end 终点对齐
center 居中对齐
baseline 以子元素的第一行文字对齐
5、flex-wrap:wrap/nowrap/wrap-reverse
wrap；换行
nowrap：不换行
wrap-reverse : 倒序换行