移动wed第四天

flex布局

更换主轴方向：flex-direction：

• row 行, 水平(默认值)
• column * 列, 垂直
• row-reverse 行, 从右向左
• column-reverse 列, 从下向上

使用flex-wrap实现弹性盒子多行排列效果

• 弹性盒子换行显示 : flex-wrap: wrap;

• 调整行对齐方式 ：align-content

  • streth拉伸
  • flex-start轴线开始
  • flex-end轴线结束
  • center居中
  • space-between两端对齐
  • space-around每个项目两侧的间隔相等
  • space-evenly平均分配空间