弹性盒子Flex-box
将父容器设为弹性盒子
通过将 display 属性设置为 flex，flex 容器将可伸缩。
flex 容器的直接子元素会自动成为弹性（flex）项目。
flex-direction 属性
定义容器要在哪个方向上堆叠 flex 项目
column 垂直堆叠（从上到下）
column-reverse 垂直堆叠（从下到上）
row 水平堆叠（从左到右）
row-reverse 水平堆叠 （从右到左）
flex-wrap 属性
规定是否应该对 flex 项目换行。
wrap 进行换行
nowrap 不换行（默认）
justify-content
水平对齐 flex 项目
center 在容器的中心对齐
flex-start 在容器的开头对齐（默认）
flex-end 在容器的末端对齐
align-items
垂直对齐 flex 项目。
center 在容器的中心对齐
flex-start 在容器的顶部对齐
flex-end 在容器的底部对齐
stretch 拉伸 flex 项目以填充容器（默认）
baseline 使 flex 项目基线对齐
完美的居中
父容器 justify-content 和 align-items 属性设置为居中：
500
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
