Flex布局

• 目标

  • 使用Flex布局模型实现网页布局效果

修改主轴方向

• flex-direction：column；(垂直方向)

   

弹性盒子换行

弹性盒子换行

• flex-wrap: wrap;

 

调整行对齐方式

• align-content

• 取值与主轴对齐方式基本相同