最新的Web開發教程
 

Style flexFlow Property

<Style對象

使列靈活的項目顯示,並沒有包裝:

document.getElementById("main").style.flexFlow = "column nowrap";
試一試»

定義和用法

該flexFlow屬性是flexDirection和flexWrap屬性的略寫屬性。

該flexDirection屬性指定靈活的項目的方向。

該flexWrap屬性指定靈活的項目是否應該換行還是不行。

Note:如果這些元素不靈活的項目,該flexFlow屬性沒有任何效果。


瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

該flexFlow屬性在IE10 +,Firefox,歌劇,和Chrome支持。

注:Safari瀏覽器6.1以上支持的替代方案,WebkitFlexFlow財產。


句法

返回flexFlow屬性:

object .style.flexFlow

設置flexFlow屬性:

object .style.flexFlow=" 屬性值
描述
flex-direction 可能的值:


行反向

列反向
初始
繼承

默認值是"row"

指定靈活的項目的方向

flex-wrap 可能的值:

NOWRAP

總結反向
初始
繼承

默認值是"nowrap"

指定靈活的項目是否應該換還是不

initial 將此屬性設置為默認值。 閱讀關於初始
inherit 繼承其父元素此屬性。 閱讀關於繼承

技術細節

默認值: 排NOWRAP
返回值: 一個字符串,表示元件的柔性流動性
CSS版本 CSS3

相關頁面

CSS參考: flex-flow property

HTML DOM樣式的引用: flex property

HTML DOM樣式的引用: flexBasis property

HTML DOM樣式的引用: flexDirection property

HTML DOM樣式的引用: flexGrow property

HTML DOM樣式的引用: flexShrink property

HTML DOM樣式的引用: flexWrap property


<Style對象