flex布局

Flex弹性布局

1. 外层容器，定义display:flex;（弹性布局）
2. flex-direction:row;(主轴方向水平x) /column（主轴方向垂直y）
3. justify-content：center（定义在轴方向上的排列方式居中）/space-around(左右距离相等，左右等距)/space-between(左右贴边，中间平分)/space-evenly（等距）/flex-start（从左边开始放）/flex-end（从右边开始放）
4. align-items：center（定义副轴上的排列方式）