## Flexbox彈性盒式模型
Flex = flex(ible) layout box model
> 它能夠更加高效方便控制元素對齊、排列，更重要的是能夠自動計算布局內元素的尺寸，無論這個元素的尺寸是固定的還是動態的。
>
### flexbos布局圖
1. 父容器 flex container，子元素 flex item
2. 主軸 main axis，交叉軸 cross axis
3. 主軸的起點main start，主軸終點main end，交叉軸起點cross start，交叉軸終點 cross end
> 不一定主軸就是x方向，交叉軸就是y方向，哪根是主軸是通過屬性設置的
