flex

[Jmingzi]

本文介绍flex基础属性点的含义和归类

flex 通用样式类库 https://github.com/lzxb/flex.css/blob/master/docs/zh-ch.md

flex的作用方式分为容器和元素，x轴和y轴，将属性归纳起来便于理解

容器类：

flex-direction  // 决定子元素的排列方向，x轴 or y轴
flex-wrap  // 决定子元素的是否换行
justify-content  // 决定子元素在x轴中空余space的分配
align-content  // 决定子元素在y轴中空余space的分配
align-items // 子元素在y轴上的排列方式

元素类：

order  // 排序
flex-grow // 对空间占用的大小
flex-shrink 
align-self  // 功能与align-items一致，会覆盖align-items

参考 https://css-tricks.com/snippets/css/a-guide-to-flexbox/