Flex弹性布局

弹性布局用来给盒模型提供非常打的灵活性，而且几乎所有的容器标签都可以开启弹性布局。

开启弹性布局

弹性布局开启是在父容器中开启的使用 display：flex；属性开启
在不设置任何其他属性下，子元素默认都是显示一排，宽度不够子元素会自动压缩。

水平对齐

justify-content 属性
修改元素在主轴上的对齐方式

可选参数
justify-content: flex-start | flex-end | center | space-between | space-around

• flex-start
• flex-end
• center
• space-between
• space-aroud
  

垂直对齐

align-items 属性
修改在纵轴上面的对齐方式

可选参数
align-items: flex-start | flex-end | center | baseline | stretch

• flex-start
• flex-end
• center
• baseline
• stretch
  
  
  
  
  

---

以上就是flex弹性布局常用的属性

---