FLEX布局笔记

flex-direction:column; //使用这种方式justify-content:center;align-content: center; 不好使
不适用这种方式

父设置
flex-direction:row
justify-content:center; 行分布
align-content: center; 列分布
align-items 垂直对齐

flex-flow <flex-direction flex-wrap>
排列方式 是否换行

子项设置
flow <flex-grow flex-shrink flex-basis>
剩余空间分布项 超出空间压缩项 默认值，覆盖width