flex布局

CSS

推荐一个网站学习flex布局： Flex Froggy

justify-content

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

align-items

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

flex-direction

  • row
  • row-reverse
  • column
  • column-reverse

order

align-self

flex-wrap

  • nowrap
  • wrap
  • wrap-reverse

flex-flow = flex-direction + flex-wrap

align-content

  • flex-start
  • flex-end
  • center
  • space-between
  • space-around
  • stretch