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 參考資料: flex 屬性

HTML DOM STYLE 參考資料: flexBasis 屬性

HTML DOM STYLE 參考資料: flexDirection 屬性

HTML DOM STYLE 參考資料: flexFlow 屬性

HTML DOM STYLE 參考資料: flexGrow 屬性

HTML DOM STYLE 參考資料: flexShrink 屬性