Style flexWrap 屬性

定義和用法

flexWrap 屬性指定彈性項目是否應該換行。

注意：如果元素不是彈性項，則 flexWrap 屬性無效。

另請參閱：

CSS 參考手冊：flex-wrap 屬性

實例

如有必要，使彈性項目換行：

document.getElementById("main".style.flexWrap = "wrap";

親自試一試

語法

返回 flexWrap 屬性：

object.style.flexWrap

設置 flexWrap 屬性：

object.style.flexWrap = "nowrap|wrap|wrap-reverse|initial|inherit"

屬性值

值 描述
nowrap 默認值。規定彈性項目不會換行。
wrap 規定彈性的項目將在必要時換行。
wrap-reverse 規定彈性項將在必要時以相反的順序換行。
initial 將此屬性設置為其默認值。請參閱 initial。
inherit 從其父元素繼承此屬性。請參閱 inherit。

技術細節

默認值： nowrap
返回值： 字符串，表示元素的 flex-wrap 屬性。
CSS 版本： CSS3

瀏覽器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 11.0 支持 9.0 支持

相關頁面

HTML DOM STYLE Reference: flex 屬性

HTML DOM STYLE Reference: flexBasis 屬性

HTML DOM STYLE Reference: flexDirection 屬性

HTML DOM STYLE Reference: flexFlow 屬性

HTML DOM STYLE Reference: flexGrow 屬性

HTML DOM STYLE Reference: flexShrink 屬性