## Flexbox弹性盒式模型
Flex = flex(ible) layout box model
> 它能够更加高效方便控制元素对齐、排列,更重要的是能够自动计算布局内元素的尺寸,无论这个元素的尺寸是固定的还是动态的。
>
### flexbos布局图
![flexbox布局基本结构、组成](images/15275749361.jpg)
1. 父容器 flex container,子元素 flex item
2. 主轴 main axis,交叉轴 cross axis
3. 主轴的起点main start,主轴终点main end,交叉轴起点cross start,交叉轴终点 cross end
> 不一定主轴就是x方向,交叉轴就是y方向,哪根是主轴是通过属性设置的