CSS flex-wrap 屬性
定義和用法
flex-wrap 屬性指定彈性專案是否換行。
注意：如果元素不是彈性專案，則 flex-wrap 屬性無效。
瀏覽器支援
表中的數字指定了完全支援該屬性的第一個瀏覽器版本。
| 屬性 | |||||
|---|---|---|---|---|---|
| flex-wrap | 29 | 11 | 28 | 9 | 17 |
CSS 語法
flex-wrap: nowrap|wrap|wrap-reverse|initial|inherit;
屬性值
| 值 | 描述 | 試一試 |
|---|---|---|
| nowrap（不換行） | 預設值。指定彈性專案不換行 | 演示 ❯ |
| wrap（換行） | 指定如有必要，彈性專案將換行 | 演示 ❯ |
| wrap-reverse（反向換行） | 指定如有必要，彈性專案將反向換行 | 演示 ❯ |
| initial | 將此屬性設定為其預設值。閱讀關於initial | |
| inherit | 從其父元素繼承此屬性。閱讀關於inherit |
相關頁面
CSS 教程：CSS 彈性盒子
CSS 參考：flex 屬性
CSS 參考：flex-flow 屬性
CSS 參考：flex-direction 屬性
CSS 參考：flex-basis 屬性
CSS 參考：flex-grow 屬性
CSS 參考：flex-shrink 屬性
HTML DOM 參考：flexWrap 屬性
