免費(fèi)AI編程助手
Style flexFlow 屬性
Style 對(duì)象實(shí)例
讓靈活的項(xiàng)目以列的形式顯示，且不拆列：
document.getElementById("main").style.flexFlow="column nowrap";
嘗試一下 ?
定義和用法
flexFlow 屬性是 flexDirection 和 flexWrap 屬性的速記屬性。
flexDirection 屬性規(guī)定靈活項(xiàng)目的方向。
flexWrap 屬性規(guī)定靈活項(xiàng)目是否拆行或拆列。
注意：如果元素不是靈活的項(xiàng)目，則 flexFlow 屬性不起作用。
瀏覽器支持
Firefox、Opera 和 Chrome 支持 flexFlow 屬性。
語(yǔ)法
返回 flexFlow 屬性：
object.style.flexFlow
設(shè)置 flexFlow 屬性：
object.style.flexFlow="flex-direction flex-wrap|initial|inherit"
屬性值
| 值 | 描述 |
|---|---|
| flex-direction | 可能的值： row row-reverse column column-reverse initial inherit 默認(rèn)值是 "row"。 規(guī)定靈活項(xiàng)目的方向。 |
| flex-wrap | 可能的值： nowrap wrap wrap-reverse initial inherit 默認(rèn)值是 "nowrap"。 規(guī)定靈活項(xiàng)目是否拆行或拆列。 |
| initial | 設(shè)置該屬性為它的默認(rèn)值。請(qǐng)參閱 initial。 |
| inherit | 從父元素繼承該屬性。請(qǐng)參閱 inherit。 |
技術(shù)細(xì)節(jié)
| 默認(rèn)值： | row nowrap |
|---|---|
| 返回值： | 字符串，表示元素的 flex-flow 屬性。 |
| CSS 版本 | CSS3 |
相關(guān)文章
CSS 參考手冊(cè)：flex-flow 屬性
HTML DOM STYLE 參考手冊(cè)：flex 屬性
HTML DOM STYLE 參考手冊(cè)：flexBasis 屬性
HTML DOM STYLE 參考手冊(cè)：flexDirection 屬性
HTML DOM STYLE 參考手冊(cè)：flexGrow 屬性
HTML DOM STYLE 參考手冊(cè)：flexShrink 屬性
HTML DOM STYLE 參考手冊(cè)：flexWrap 屬性
更多建議：