flex常用属性

1 、垂直水平居中：

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

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

2、flex分配问题

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

html 结构

<div class="father">

  <div class="child2"></div>

  <div class="child2"><div>

<div>

css 结构
<style>

.father{display:flex}

.child1{display:3} 占比3/5

.child{display:2} 占比2/5
</style>

3、flex 其他常用属性：

   flex-driection:colomn |row

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