Style flexGrow 属性

定义和用法

flexGrow 属性规定项目相对于同一容器内的其他弹性项目将增长多少。

注释：如果元素不是弹性项，则 flexGrow 属性无效。

另请参阅：

CSS 参考手册：flex-grow

实例

让蓝色的 DIV 元素比其他弹性项增长五倍：

document.getElementById("myBlueDiv").style.flexGrow = "5";

亲自试一试

语法

返回 flexGrow 属性：

object.style.flexGrow

设置 flexGrow 属性：

object.style.flexGrow = "number|initial|inherit"

属性值

值 描述
number 数字，规定项目相对于其他弹性项目的增量。默认值为 0。
initial 将此属性设置为其默认值。请参阅 initial。
inherit 从其父元素继承此属性。请参阅 inherit。

技术细节

默认值： 0
返回值： 字符串，表示元素的 flex-grow。
CSS 版本： CSS3

浏览器支持

表中的数字注明了首个完全支持该属性的浏览器版本。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 11.0 支持 9.0 支持

相关页面

HTML DOM STYLE 参考手册：flex

HTML DOM STYLE 参考手册：flexBasis

HTML DOM STYLE 参考手册：flexDirection

HTML DOM STYLE 参考手册：flexFlow

HTML DOM STYLE 参考手册：flexShrink

HTML DOM STYLE 参考手册：flexWrap