移动端web开发第四天

1、flex-direction设置主轴方向

• 把主轴方向变成了垂直方向，还是用justify-content控制主轴方向的对齐方式
• 把侧轴方向变成了水平方向，还是用ai控制侧轴方向的对齐方式
  注意：主轴和侧轴仅仅只是调换了方向而已

2、flex-wrap 设置子元素是否换行

注意： 弹性容器高度被换行的弹性盒子均等分

3、align-content 设置侧轴上的子元素的排列方式(多行)

注意： 出现的前提条件，必须要先换行 flex-wrap: wrap;

• align-content 取值和justify-content取值是一样的
  
  

  align-content 适应于换行（多行）的情况下（单行情况下无效）， 可以设置 上对齐、 下对齐、居中、拉伸以及平均分配剩余空间等属性值。