Style flexGrow 属性
Style 对象的 flexGrow 属性规定项目将相对于同一容器内其他灵活的项目进行扩展的量
如果元素不是灵活的项目，则 flexGrow 属性不起作用
语法
返回 flexGrow 属性
object.style.flexGrow
设置 flexGrow 属性
object.style.flexGrow=" number |initial|inherit"
属性值
| 值 | 描述 |
|---|---|
| number | 一个数字，规定项目将相对于其他灵活的项目进行扩展的量 默认值是 0 |
| initial | 设置该属性为它的默认值。可以阅读 initial |
| inherit | 从父元素继承该属性。可以阅读 inherit |
返回值
字符串，表示元素的 flex-grow 属性
浏览器支持
Firefox、Opera 和 Chrome 支持 flexGrow 属性
范例
让蓝色的 DIV 元素扩展到其他灵活项目的五倍
document.getElementById("myBlueDiv").style.flexGrow = "5";
相关知识
CSS 参考手册： flex-grow 属性
HTML DOM STYLE 参考手册： flex 属性
HTML DOM STYLE 参考手册： flexBasis 属性
HTML DOM STYLE 参考手册： flexDirection 属性
HTML DOM STYLE 参考手册： flexFlow 属性
HTML DOM STYLE 参考手册： flexShrink 属性
HTML DOM STYLE 参考手册： flexWrap 属性