面试必问的flex的12个属性

521 阅读1分钟

容器上定义的属性

  1. flex-direction
  2. flex-wrapper
  3. flex-flow
  4. align-items
  5. justify-content
  6. align-content - 定义了侧轴方向上如果有额外的空间该怎么排布

子item上定义的属性

  1. order 排列顺序
  2. flex-grow 放大倍数 - 默认是0
  3. flex-shrink 缩小倍数,默认是1
  4. flex-basis 分配多余空间之前,项目占据的主轴空间(main-size),默认auto
  5. flex 上述2,3,4的排列
  6. align-self 允许单个项目在侧轴上与其他不同的排列方式,可以覆盖align-items