flex属性展示

父容器设置高度

设置高

item尺寸设置

随机宽高

单个item设置: index: 宽: 高: 修改

单个item插入图片: index: 链接: 图片宽: 图片高: 修改 宽高设置为数字，不带单位

容器部分设置

display: flex

flex-direction: row row-reverse column column-reverse

flex-wrap: nowrap wrap wrap-reverse

justify-content: flex-start flex-end center space-between space-around

align-items: stretch center flex-start flex-end baseline

align-content: stretch center flex-start flex-end space-between space-around 生效条件：容器内必须有多行，并且容器具有固定高度。

元素部分设置

order: index: number: 修改

flex-grow: index: number: 修改

flex-shrink: index: number: 修改

flex-basis: index: number: 修改 auto 值为一个长度单位或者一个百分比，比如50px或者50%

align-self: auto stretch center flex-start flex-end baseline

http://www.ruanyifeng.com/blog/2018/10/flexbox-form.html