目录

style flexGrow 属性

示例

让蓝色 DIV 元素比其他灵活项目宽五倍:

document.getElementById("myBlueDiv").style.flexGrow = "5";
亲自试一试 »

描述

flexGrow 属性指定该项目相对于同一容器内的其余灵活项目将增长多少。

笔记:如果元素不是灵活项,则 flexGrow 属性不起作用。


浏览器支持

Property
flexGrow Yes 11.0 Yes 9.0 Yes

语法

返回 flexGrow 属性:

object.style.flexGrow

设置 flexGrow 属性:

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

属性值

Value Description
number A number specifying how much the item will grow relative to the rest of the flexible items. Default value is 0
initial Sets this property to its default value. Read about initial
inherit Inherits this property from its parent element. Read about inherit

技术细节

默认值: 0
返回值: 一个字符串,表示元素的 flex-grow 属性
CSS版本 CSS3

相关页面

CSS 参考:弹性增长属性

HTML DOM 样式参考:弹性属性

HTML DOM 样式参考:flexBasis 属性

HTML DOM 样式参考:flexDirection 属性

HTML DOM 样式参考:flexFlow 属性

HTML DOM 样式参考:flexShrink 属性

HTML DOM 样式参考:flexWrap 属性