Flex布局/弹性布局：
- 是一种浏览器提倡的布局模型
- 布局网页更简单、灵活
- 避免浮动脱标的问题
修改主轴对齐方式属性: justify-content
使用align-items调节元素在侧轴的对齐方式 ：
align-items（添加到弹性容器）
align-self： 控制某个弹性盒子在侧轴的对齐方式（添加到弹性盒子）
主轴方向 ：使用flex-direction改变元素排列方向
使用flex-direction改变元素排列方向 ： 主轴默认是水平方向, 侧轴默认是垂直方向
使用flex-wrap实现弹性盒子多行排列效果 ：
弹性盒子换行显示 : flex-wrap: wrap;
调整行对齐方式 ：align-content
取值与justify-content基本相同
弹性容器
默认宽度就是父元素的宽度，高度由内容所撑开。
弹性盒子
1.默认宽度由内容所撑开，默认的高度和父元素一样高；
2.弹性盒子没有块级元素，行内块元素，行内元素之分，统统叫做弹性盒子，那么就是统统都可以设置宽高;
3.弹性盒子默认不会换行，会沿着主轴方向一行显示；
4.要注意弹性盒子的概念 （弹性盒子：就是弹性容器的最近一级子元素）
