概述flex-direction: column 时,主轴为纵向;flex-grow/flex-shrink 影响高度分配,flex-basis 作为高度基准(可为 auto)。

要点

  • flex-grow/flex-shrink 分别在有剩余/不足空间时按比率扩大/收缩主轴尺寸(列方向即高度)。
  • flex-basis 为主轴初始尺寸基准;为 auto 时取内容尺寸或对应 height
  • 当容器高度已定(非 auto)时,子项主轴尺寸可参与分配;此时 overflow 等按计算后主轴尺寸生效。

关联