CSS flex 属性
CSS 参考手册浏览器支持
除了 Safari，其他所有主流浏览器都支持 flex 属性。
IE 9 及其之前的版本不支持 flex 属性。IE 10 需要前缀 -ms- 才支持该属性。
定义和用法
flex 属性相对于同一容器其他灵活的项目，规定项目的长度。
flex 属性是 flex-grow、flex-shrink 和 flex-basis 属性的速记属性。
注意：如果元素不是灵活的项目，则 flex 属性不起作用。
| 默认值： | 0 1 auto |
|---|---|
| 继承： | 否 |
| 可动画化： | 是，参见个别的属性。请参阅 可动画化（animatable）。 |
| 版本： | CSS3 |
| JavaScript 语法： | object.style.flex="1" 尝试一下 |
CSS 语法
flex: flex-grow flex-shrink flex-basis|auto|initial|inherit;
属性值
| 值 | 描述 |
|---|---|
| flex-grow | 一个数字，规定项目将相对于其他灵活的项目进行扩展的量。 |
| flex-shrink | 一个数字，规定项目将相对于其他灵活的项目进行收缩的量。 |
| flex-basis | 项目的长度。合法值："auto"、"inherit" 或一个后跟 "%"、"px"、"em" 或任何其他长度单位的数字。 |
| auto | 与 1 1 auto 相同。 |
| none | 与 0 0 auto 相同。 |
| initial | 设置该属性为它的默认值，即为 0 1 auto。请参阅 initial。 |
| inherit | 从父元素继承该属性。请参阅 inherit。 |
相关文章
CSS 参考手册：flex-basis 属性
CSS 参考手册：flex-direction 属性
CSS 参考手册：flex-flow 属性
CSS 参考手册：flex-grow 属性
CSS 参考手册：flex-shrink 属性
CSS 参考手册：flex-wrap 属性
