Style flexGrow 属性
示例
让蓝色 DIV 元素相对于同一容器中的其他弹性项目增长五倍宽度
document.getElementById("myBlueDiv").style.flexGrow = "5";自己动手试一试 »
描述
flexGrow 属性指定了弹性项目相对于同一容器中其他弹性项目增长的比例。
注意：如果元素不是弹性项目，则 flexGrow 属性无效。
浏览器支持
| 属性 | |||||
|---|---|---|---|---|---|
| flexGrow | 是 | 11.0 | 是 | 9.0 | 是 |
语法
返回 flexGrow 属性
object.style.flexGrow
设置 flexGrow 属性
object.style.flexGrow = "number|initial|inherit"
属性值
| 值 | 描述 |
|---|---|
| 数字 | 一个数字，指定项目相对于同一容器中的其他弹性项目增长的比例。默认值为 0 |
| initial | 将此属性设置为其默认值。阅读关于 initial |
| inherit | 从其父元素继承此属性。阅读关于 inherit |
技术详情
| 默认值 | 0 |
|---|---|
| 返回值 | 一个字符串，表示元素的 flex-grow 属性 |
| CSS 版本 | CSS3 |
相关页面
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 属性
