概述:flex-direction: column 时,主轴为纵向;flex-grow/flex-shrink 影响高度分配,flex-basis 作为高度基准(可为 auto)。
要点
flex-grow/flex-shrink分别在有剩余/不足空间时按比率扩大/收缩主轴尺寸(列方向即高度)。flex-basis为主轴初始尺寸基准;为auto时取内容尺寸或对应height。- 当容器高度已定(非
auto)时,子项主轴尺寸可参与分配;此时overflow等按计算后主轴尺寸生效。
关联
- 参见 flex属性、弹性布局、百分比高度的生效条件、宽高样式