flex 弹性盒 弹性布局 设置flex布局后子元素的float、clear、和vertical-align属性将失效
- display: flex; flex布局
- flex-direction: row; 规定主轴的方向：row/column
- justify-content: space-around; 元素在主轴方向上的排列方式:flex-start/flex-end/space-around/space-between
- align-items: center; 元素在副轴方向上的排列方式:flex-start/flex-end/space-around/space-between
- aline-content多条轴的排列方式（只有一根轴，不起作用） ` 练习网址
