CSS3

#Flex布局display:flex;

Flex布局，按照row行、col列进行布局排版，主要解决了响应式的问题。
默认情况下，Flex布局会有一条水平方向的主轴main axis，以及垂直方向的交叉轴cross axis。

#设置主轴justify-content

#设置交叉轴align-item

#改变主轴方向flex-direction