CSS 弹性盒伸缩

阐述

• flex-basis 可以改变它在主轴上的推荐长度
• flex-grow 使元素在采取 fit-content 仍有空余空间时增长，数值为相对比例
• flex-shrink 使元素在采取 min-content 到 fit-content 之间的大小时缩短，数值为相对比例
• flex: a b c 等价于 flex-grow: a、flex-shrink: b 和 flex-basis: c，但是如果不提供长度则 c = 0
• 在 min-content 仍不足以塞下元素时，它们会溢出或者折行（flex-wrap）

实例

性质

相关内容

参考文献