flex布局

flex布局：

块级元素和行内元素都可以使用flex布局

使用flex布局后，子元素的float、clear和vertical-align属性将失效。

div{

display:flex;

}

• flex-direction决定主轴方向
• flex-wrap一行排不下可以换行
• flex-flow
• justify-content在主轴上对齐
• align-items在交叉轴上对齐
• align-content多根轴线的对齐方式，如果只有一根轴线，此属性不起作用