display: flex;弹性布局

flex弹性布局用于盒子模型，设为Flex布局以后，子元素的float、clear和vertical-align属性将失效。

1、6大属性

2、属性分析

justify-content:主轴(页面)上的排列;

align-items:与主轴垂直的十字交叉轴上的排列；

align-content属性定义了多根轴线的对齐方式。如果项目只有一根轴线，该属性不起作用。