Style flex 屬性
Style 對象實例
讓所有靈活的專案都帶有相同的長度，忽略它們的內容：
for (i = 0; i < y.length; i++) {
y[i].style.flex="1";
}
y[i].style.flex="1";
}
定義和用法
flex 屬性相對於同一容器其他靈活的專案，設置或返回專案的長度。
flex 屬性是 flexGrow、flexShrink 和 flexBasis 屬性的速記屬性。
注意：如果元素不是靈活的專案，則 flex 屬性不起作用。
流覽器支持
除了 Safari，其他所有主流流覽器都支持 flex 屬性。
IE 9 及其之前的版本不支持 flex 屬性。IE 10 需要首碼 MS 才支持該屬性。
語法
返回 flex 屬性：
object.style.flex
設置 flex 屬性：
object.style.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。 |
技術細節
| 默認值： | 0 1 auto |
|---|---|
| 返回值： | 字串，表示元素的 flex 屬性。 |
| CSS 版本 | CSS3 |
相關文章
CSS 參考手冊：flex 屬性
HTML DOM STYLE 參考手冊：flexBasis 屬性
HTML DOM STYLE 參考手冊：flexDirection 屬性
HTML DOM STYLE 參考手冊：flexFlow 屬性
HTML DOM STYLE 參考手冊：flexGrow 屬性
HTML DOM STYLE 參考手冊：flexShrink 屬性
HTML DOM STYLE 參考手冊：flexWrap 屬性