CSS flex-flow 屬性
定義和用法
flex-flow
屬性是以下屬性的簡寫:
注意: 如果元素不是彈性項,則 flex-flow
屬性無效。
預設值 | row nowrap |
---|---|
繼承 | no |
可動畫 | 否。 閱讀關於可動畫屬性 |
版本 | CSS3 |
JavaScript 語法 | object.style.flexFlow="column nowrap" 嘗試一下 |
瀏覽器支援
表中的數字指定了完全支援該屬性的第一個瀏覽器版本。
屬性 | |||||
---|---|---|---|---|---|
flex-flow | 29 | 11 | 28 | 9 | 17 |
CSS 語法
flex-flow: flex-direction flex-wrap|initial|inherit;
屬性值
值 | 描述 | 試一試 |
---|---|---|
flex-direction | 可能的值 row(行) row-reverse(反向行) column(列) column-reverse(反向列) initial inherit 預設值為 "row"。 指定彈性項的顯示方向 |
演示 ❯ |
flex-wrap | 可能的值 nowrap(不換行) wrap(換行) wrap-reverse(反向換行) initial inherit 預設值為 "nowrap"。 指定彈性項是否換行 |
演示 ❯ |
initial | 將此屬性設定為其預設值。閱讀關於initial | |
inherit | 從其父元素繼承此屬性。閱讀關於inherit |
相關頁面
CSS 教程:CSS 彈性盒子
CSS 參考:flex 屬性
CSS 參考:flex-direction 屬性
CSS 參考:flex-wrap 屬性
CSS 參考:flex-basis 屬性
CSS 參考:flex-grow 屬性
CSS 參考:flex-shrink 屬性
HTML DOM 參考:flexFlow 屬性