弹性

flex 是一个 CSS 的 display 属性中新添加一个值。与 inline-flex 一起,它将使应用了它的元素变成弹性容器,而这个元素的每个子元素将变成弹性项目。弹性项目会参与弹性布局,所有由 CSS 弹性盒子布局模块定义的属性都能被它们使用。

flex 属性是 flex-growflex-shrinkflex-basis 属性的简写。

此外,<flex> 可以作为弹性长度在 CSS 网格布局中使用。

参见

属性参考

延伸阅读