Latest web development tutorials

HTML DOM Style flexWrap 屬性

Style 對象參考手冊 Style對象

實例

讓靈活的項目在必要的時候拆行：

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

嘗試一下»

定義和用法

flexWrap 屬性規定靈活項目是否拆行或拆列。

注意：如果元素不是靈活的項目，則flexWrap屬性不起作用。

瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Firefox、Opera 和Chrome 支持flexWrap 屬性。

語法

返回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

相關文章

CSS參考手冊： flex-wrap屬性

HTML DOM STYLE參考手冊： flex屬性

HTML DOM STYLE參考手冊： flexBasis屬性

HTML DOM STYLE參考手冊： flexDirection屬性

HTML DOM STYLE參考手冊： flexFlow屬性

HTML DOM STYLE參考手冊： flexGrow屬性

HTML DOM STYLE參考手冊： flexShrink屬性

Style 對象參考手冊 Style對象