flex常用属性

1 、垂直水平居中：

display: flex;
align-items: center;水平居中
justify-content: center;垂直居中

传统的水平居中使用的是 margin：0 auto；（只能进行水平居中）

2、flex分配问题

则子元素可以进行空间的分配：如下

html 结构



  


  




css 结构

3、flex 其他常用属性：

   flex-driection:colomn |row

• row（默认值）：主轴为水平方向，起点在左端。
• column：主轴为垂直方向，起点在上沿。