免費(fèi)AI編程助手
Style flex 屬性
Style 對(duì)象實(shí)例
讓所有靈活的項(xiàng)目都帶有相同的長(zhǎng)度，忽略它們的內(nèi)容：
for (i = 0; i < y.length; i++) {
y[i].style.flex="1";
}
y[i].style.flex="1";
}
嘗試一下 ?
定義和用法
flex 屬性相對(duì)于同一容器其他靈活的項(xiàng)目，設(shè)置或返回項(xiàng)目的長(zhǎng)度。
flex 屬性是 flexGrow、flexShrink 和 flexBasis 屬性的速記屬性。
注意：如果元素不是靈活的項(xiàng)目，則 flex 屬性不起作用。
瀏覽器支持
除了 Safari，其他所有主流瀏覽器都支持 flex 屬性。
IE 9 及其之前的版本不支持 flex 屬性。IE 10 需要前綴 MS 才支持該屬性。
語(yǔ)法
返回 flex 屬性：
object.style.flex
設(shè)置 flex 屬性：
object.style.flex="flex-grow flex-shrink flex-basis|auto|initial|inherit"
屬性值
| 值 | 描述 |
|---|---|
| flex-grow | 一個(gè)數(shù)字，規(guī)定項(xiàng)目將相對(duì)于其他靈活的項(xiàng)目進(jìn)行擴(kuò)展的量。 |
| flex-shrink | 一個(gè)數(shù)字，規(guī)定項(xiàng)目將相對(duì)于其他靈活的項(xiàng)目進(jìn)行收縮的量。 |
| flex-basis | 項(xiàng)目的長(zhǎng)度。合法值："auto"、"inherit" 或一個(gè)后跟 "%"、"px"、"em" 或任何其他長(zhǎng)度單位的數(shù)字。 |
| auto | 與 1 1 auto 相同。 |
| none | 與 0 0 auto 相同。 |
| initial | 設(shè)置該屬性為它的默認(rèn)值，即為 0 1 auto。請(qǐng)參閱 initial。 |
| inherit | 從父元素繼承該屬性。請(qǐng)參閱 inherit。 |
技術(shù)細(xì)節(jié)
| 默認(rèn)值： | 0 1 auto |
|---|---|
| 返回值： | 字符串，表示元素的 flex 屬性。 |
| CSS 版本 | CSS3 |
相關(guān)文章
CSS 參考手冊(cè)：flex 屬性
HTML DOM STYLE 參考手冊(cè)：flexBasis 屬性
HTML DOM STYLE 參考手冊(cè)：flexDirection 屬性
HTML DOM STYLE 參考手冊(cè)：flexFlow 屬性
HTML DOM STYLE 參考手冊(cè)：flexGrow 屬性
HTML DOM STYLE 參考手冊(cè)：flexShrink 屬性
HTML DOM STYLE 參考手冊(cè)：flexWrap 屬性
更多建議：