免費AI編程助手
Style flexDirection 屬性
Style 對象實例
重新排列 <div> 元素內(nèi)靈活項目的方向：
document.getElementById("main").style.flexDirection="column-reverse";
嘗試一下 ?
定義和用法
flexDirection 屬性設(shè)置或返回靈活項目的方向。
注意：如果元素不是靈活的項目，則 flexDirection 屬性不起作用。
瀏覽器支持
Firefox、Opera 和 Chrome 支持 flexDirection 屬性。
語法
返回 flexDirection 屬性：
object.style.flexDirection
設(shè)置 flexDirection 屬性：
object.style.flexDirection="row|row-reverse|column|column-reverse|initial|inherit"
屬性值
| 值 | 描述 |
|---|---|
| row | 默認(rèn)值。靈活的項目將水平顯示，正如一個行一樣。 |
| row-reverse | 與 row 相同，但是以相反的順序。 |
| column | 靈活的項目將垂直顯示，正如一個列一樣。 |
| column-reverse | 與 column 相同，但是以相反的順序。 |
| initial | 設(shè)置該屬性為它的默認(rèn)值。請參閱 initial。 |
| inherit | 從父元素繼承該屬性。請參閱 inherit。 |
技術(shù)細(xì)節(jié)
| 默認(rèn)值： | row |
|---|---|
| 返回值： | 字符串，表示元素的 flex-direction 屬性。 |
| CSS 版本 | CSS3 |
相關(guān)文章
CSS 參考手冊：flex-direction 屬性
HTML DOM STYLE 參考手冊：flex 屬性
HTML DOM STYLE 參考手冊：flexBasis 屬性
HTML DOM STYLE 參考手冊：flexFlow 屬性
HTML DOM STYLE 參考手冊：flexGrow 屬性
HTML DOM STYLE 參考手冊：flexShrink 屬性
HTML DOM STYLE 參考手冊：flexWrap 屬性
更多建議：