flex布局

发表于 | 分类于

详情参考有道云笔记：http://note.youdao.com/noteshare?id=380730ecefa0cc1e75a8512049cdfdcc
flex容器和flex项目各有6个属性

容器的属性

  1. flex-direction属性(row)
  2. flex-wrap属性(nowrap)
  3. flex-flow = flex-direction + flex-wrap(row nowrap)
  4. justify-content属性(flex-start)
  5. align-items属性(stretch)
  6. align-content属性(stretch)

    项目的属性

  7. order属性(0)
  8. flex-grow属性(0)
  9. flex-shrink属性(1)
  10. flex-basis属性(auto)
  11. flex属性= flex-grow + flex-shrink + flex-basis(0 1 auto)
  12. align-self属性(auto)