样式 flex 属性
描述
flex 属性设置或返回项目相对于同一容器内其他弹性项目的长度。
flex 属性是 flexGrow、flexShrink 和 flexBasis 属性的简写。
注意: 如果元素不是弹性项目，flex 属性无效。
浏览器支持
| 属性 | |||||
|---|---|---|---|---|---|
| flex | 是 | 11.0 | 是 | 9.0 | 是 |
语法
返回 flex 属性
object.style.flex
设置 flex 属性
object.style.flex = "flex-grow flex-shrink flex-basis|auto|initial|inherit"
属性值
| 值 | 描述 |
|---|---|
| flex-grow | 一个数字，指定项目相对于其他弹性项目增长的比例 |
| flex-shrink | 一个数字，指定项目相对于其他弹性项目缩小的比例 |
| flex-basis | 项目的长度。合法值："auto"、"inherit"，或后面跟着"%"、"px"、"em"或任何其他长度单位的数字 |
| auto | 与 1 1 auto 相同。 |
| initial | 与 0 1 auto 相同。 了解 initial |
| none | 与 0 0 auto 相同。 |
| inherit | 从其父元素继承此属性。阅读关于 inherit |
技术详情
| 默认值 | 0 1 auto |
|---|---|
| 返回值 | 一个字符串，表示元素的 flex 属性 |
| CSS 版本 | CSS3 |
相关页面
CSS 参考：flex 属性
HTML DOM STYLE 参考：flexBasis 属性
HTML DOM STYLE 参考：flexDirection 属性
HTML DOM STYLE 参考：flexFlow 属性
HTML DOM STYLE 参考：flexGrow 属性
HTML DOM STYLE 参考：flexShrink 属性
HTML DOM STYLE 参考：flexWrap 属性
