最新的Web开发教程
 

Style flex Property

<Style对象

让所有的物品灵活是相同的长度,它的内容的regardles:

for (i = 0; i < y.length; i++) {
    y[i].style.flex = "1";
}
试一试»

定义和用法

挠曲属性设置或返回的项目的相对于相同的容器内的flexibel物品的其余部分的长度,。

柔性属性是flexGrow,flexShrink和flexBasis属性的略写。

Note:如果元素不是一个灵活的项目,弯曲性能没有任何影响。


浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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对象