flexflex 属性 css语法 flex-basis 属性 flex-basis 属性用于设置或检索弹性盒伸缩基准值

css语法

flex: flex-grow flex-shrink flex-basis|auto|initial|inherit;

flex 属性用于设置或检索弹性盒模型对象的子元素如何分配空间。 flex 属性是 flex-grow、flex-shrink 和 flex-basis 属性的简写属性。注意：如果元素不是弹性盒模型对象的子元素，则 flex 属性不起作用。

例如

flex: 1;
flex: 500px;

flex-basis 属性用于设置或检索弹性盒伸缩基准值。。注意：如果元素不是弹性盒对象的元素，则 flex-basis 属性不起作用。

默认值 | auto -|-|- 继承：| 否可动画化：| 是版本：| CSS3 JavaScript 语法：| object.style.flexBasis="200px"

flex-basis: number|auto|initial|inherit;

flex-direction 属性规定灵活项目的方向。注意：如果元素不是弹性盒对象的元素，则 flex-direction 属性不起作用。

默认值 | row -|-|- 继承：| 否可动画化：| 否版本：| CSS3 JavaScript 语法：| object.style.flexDirection="column-reverse"

flex-direction: row|row-reverse|column|column-reverse|initial|inherit;

flex-flow 属性是 flex-direction 和 flex-wrap 属性的复合属性。

flex-flow 属性用于设置或检索弹性盒模型对象的子元素排列方式。

flex-direction 属性规定灵活项目的方向。

flex-wrap 属性规定灵活项目是否拆行或拆列。

注意：如果元素不是弹性盒对象的元素，则 flex-flow 属性不起作用。

默认值 | row nowrap -|-|- 继承：| 否可动画化：| 否版本：| CSS3 JavaScript 语法：| object.style.flexFlow="column nowrap"

flex-flow: flex-direction flex-wrap|initial|inherit;

flex-grow 属性用于设置或检索弹性盒子的扩展比率。。

注意：如果元素不是弹性盒对象的元素，则 flex-grow 属性不起作用。默认值 | 0 -|-|- 继承：| 否可动画化：| 是版本：| CSS3 JavaScript 语法：| object.style.flexGrow="5"

flex-grow: number|initial|inherit;

flex-shrink 属性指定了 flex 元素的收缩规则。flex 元素仅在默认宽度之和大于容器的时候才会发生收缩，其收缩的大小是依据 flex-shrink 的值。

注意：如果元素不是弹性盒对象的元素，则 flex-shrink 属性不起作用。默认值 | 1 -|-|- 继承：| 否可动画化：| 是版本：| CSS3 JavaScript 语法：| object.style.flexShrink="5"

flex-shrink: number|initial|inherit;

flex-wrap 属性规定flex容器是单行或者多行，同时横轴的方向决定了新行堆叠的方向。。

flex-wrap: nowrap|wrap|wrap-reverse|initial|inherit;