CSS | flex-grow 属性

flex-grow属性指定该项目与该容器内的其他项目相比将增长多少。换句话说，它是一个项目与同一容器内的其他项目相比增长的能力。

注意：如果容器中的项目不是灵活项目，那么 flex-grow 属性不会影响该项目。

句法：

flex-grow: number| initial| inherit;

默认值：

• 0

属性值：

• 数字：一个数字，用于定义与其他灵活项目相比，该项目将如何增长。
• 初始：它将值设置为其默认值。
• 继承：它从它的父元素继承属性。

示例：在这里我们将看到在单个容器中有 5 个 div，我们将应用flex-grow:在第 2 个 div 上，该 div 将与其他 4 个 div 相比增长。我们可以在同一个容器中的任何文档上应用 flex-grow ，该 div 与其他 div 的宽度相比会增长，flex-grow 属性将帮助该 div 与该容器中的其他项目相比增长。

HTML

 

    
    

 

    
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