最新的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對象