定义和用法
挠曲属性设置或返回的项目的相对于相同的容器内的flexibel物品的其余部分的长度,。
柔性属性是flexGrow,flexShrink和flexBasis属性的略写。
Note:如果元素不是一个灵活的项目,弯曲性能没有任何影响。
浏览器支持
flex属性所有主流浏览器都支持,除了Safari浏览器。
注意:不支持flex属性IE 9或更早,在IE 10这个属性与前缀MS支持。 IE11及更高版本完全支持Flex属性(不需要MS前缀)。
注:Safari浏览器6.1以上支持的替代方案,WebkitFlex财产。
句法
返回弯曲性能:
object .style.flex
设置柔性特性:
object .style.flex=" 属性值 值 描述 flex-grow 一个数字,指定该项目将多少相对增长到柔性其余项目 flex-shrink 一个数字,指定该项目将有多少缩水相对灵活的其余项目 flex-basis 该项目长度。 合法值: "auto" , "inherit" ,或一个数字,后跟"%" , "px" , "em"或任何其他长度单位 auto 同11辆汽车。 initial 同0 1汽车。 阅读关于初始 none 同0 0汽车。 inherit 继承其父元素此属性。 阅读关于继承
技术细节
默认值: 0 1汽车 返回值: 一个字符串,表示元件的弯曲特性 CSS版本 CSS3
相关页面
CSS参考: flex property
HTML DOM样式的引用: flexBasis property
HTML DOM样式的引用: flexDirection property
HTML DOM样式的引用: flexFlow property
HTML DOM样式的引用: flexGrow property
HTML DOM样式的引用: flexShrink property
HTML DOM样式的引用: flexWrap property
<Style对象