布局方式
常规流布局，弹性布局，网格布局，浮动布局，定位布局，多列布局
弹性盒子是一种用于按行或按列布局元素的一维布局方法
概念：
- 主轴：沿着 flex 元素放置延伸的轴为主轴
- 交叉轴：垂直于 flex 元素放置方向的轴为交叉轴
- 容器属性：display:flex 的标签为 flex 容器
- 元素属性：父节点为 flex 容器的标签
容器属性：
- flex-direction: row | column | row-reverse | column-reverse
- flex-wrap: wrap | nowrap | wrap-reverse
- flex-flow: flex-direction || flex-wrap
- justify-content: flex-start | center | flex-end | space-around | space-between
- align-items: start | center | end | stretch
- align-content: start | center | space-around | space-between
元素属性：
- order: 越小越靠前
- flex-grow: 放大比例
- flex-shrink: 缩小比例
- flex-base: 最小基本大小
- flex: flex-grow || flex-shrink || flex-base
- align-self: start | center | end | stretch
