CSS flex-wrap 屬性

CSS 參考手冊 CSS 參考手冊

實例

讓彈性盒元素在必要的時候拆行:

display:flex;
flex-wrap: wrap;

嘗試一下 ?

瀏覽器支持

表格中的數(shù)字表示支持該屬性的第一個瀏覽器的版本號。

緊跟在 -webkit-, -ms- 或 -moz- 后的數(shù)字為支持該前綴屬性的第一個版本。

屬性
flex-wrap 29.0
21.0 -webkit-
11.0
10.0 -ms-
28.0
18.0 -moz-
9.0
6.1 -webkit-
17.0

定義和用法

flex-wrap 屬性規(guī)定flex容器是單行或者多行,同時橫軸的方向決定了新行堆疊的方向。。

注意:如果元素不是彈性盒對象的元素,則 flex-wrap 屬性不起作用。

默認(rèn)值: nowrap
繼承:
可動畫化: 否。請參閱 可動畫化(animatable)。
版本: CSS3
JavaScript 語法: object.style.flexWrap="nowrap" 嘗試一下


CSS 語法

flex-wrap: nowrap|wrap|wrap-reverse|initial|inherit;

屬性值

描述
nowrap 默認(rèn)值。規(guī)定靈活的項目不拆行或不拆列。
wrap 規(guī)定靈活的項目在必要的時候拆行或拆列。
wrap-reverse 規(guī)定靈活的項目在必要的時候拆行或拆列,但是以相反的順序。
initial 設(shè)置該屬性為它的默認(rèn)值。請參閱 initial。
inherit 從父元素繼承該屬性。請參閱 inherit。


相關(guān)文章

CSS 參考手冊:flex 屬性

CSS 參考手冊:flex-direction 屬性

CSS 參考手冊:flex-flow 屬性

CSS 參考手冊:flex-grow 屬性

CSS 參考手冊:flex-shrink 屬性

CSS 參考手冊:flex-basis 屬性


CSS 參考手冊 CSS 參考手冊