樣式 flex 屬性
描述
flex 屬性設定或返回專案相對於同一容器內其他彈性專案的長度。
flex 屬性是 flexGrow、flexShrink 和 flexBasis 屬性的簡寫。
注意: 如果元素不是彈性專案，flex 屬性無效。
瀏覽器支援
| 屬性 | |||||
|---|---|---|---|---|---|
| flex | 是 | 11.0 | 是 | 9.0 | 是 |
語法
返回 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 相同。 |
| initial | 與 0 1 auto 相同。 瞭解 initial |
| none | 與 0 0 auto 相同。 |
| 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 屬性
