flex-grow属性指定该项目与该容器内的其他项目相比将增长多少。换句话说,它是一个项目与同一容器内的其他项目相比增长的能力。
注意:如果容器中的项目不是灵活项目,那么 flex-grow 属性不会影响该项目。
句法:
flex-grow: number| initial| inherit;
属性值:
- 数字:一个数字,用于定义与其他灵活项目相比,该项目将如何增长。
- 初始:它将值设置为其默认值。
- 继承:它从它的父元素继承属性。
示例:在这里我们将看到在单个容器中有 5 个 div,我们将应用flex-grow:在第 2 个 div 上,该 div 将与其他 4 个 div 相比增长。我们可以在同一个容器中的任何文档上应用 flex-grow ,该 div 与其他 div 的宽度相比会增长,flex-grow 属性将帮助该 div 与该容器中的其他项目相比增长。
HTML
CSS | flex-grow Property
GeeksforGeeks
The flex-grow:number
Sql
Python
Java
C++
C#
输出:
支持的浏览器: CSS支持的浏览器 |下面列出了flex-grow 属性:
- 谷歌浏览器 29.0
- 浏览器 11.0
- Mozilla 火狐 28.0
- 歌剧 17.0
- Safari 9.0