Style 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 属性
