CSS properti flex-wrap

CSS Referensi CSS Referensi


contoh

Biarkan kartrid elemen elastis bila perlu, garis split:

display:flex;
flex-wrap: wrap;

Coba »

Dukungan Browser

Angka dalam tabel tersebut merupakan browser pertama yang mendukung nomor versi properti.

Segera setelah -webkit- digital, -ms- atau moz setelah versi pertama yang mendukung properti awalan.

milik
flex-wrap 29,0
21.0 -webkit-
11.0
10,0 -ms-
28.0
18,0 moz
9.0
6.1 -webkit-
17.0

Definisi dan Penggunaan

atribut flex-wrap menentukan kontainer fleksibel adalah single-line atau multi-line, sedangkan sumbu horisontal menentukan arah garis baru susun arah. .

Catatan: Jika elementidak tahan kotak elemen objek, properti flex-wrap tidak bekerja.

default: nowrap
warisan: tidak
Dapat animasi: NO. Silakan merujuk ke animasi (animatable) .
versi: CSS3
sintaks JavaScript: keberatan .style.flexWrap = "nowrap"mencoba


CSS Syntax

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

Nilai properti

描述
nowrap 默认值。规定灵活的项目不拆行或不拆列。
wrap 规定灵活的项目在必要的时候拆行或拆列。
wrap-reverse 规定灵活的项目在必要的时候拆行或拆列,但是以相反的顺序。
initial 设置该属性为它的默认值。请参阅 initial
inherit 从父元素继承该属性。请参阅 inherit


Artikel terkait

CSS Referensi: Flex Properti

Referensi CSS: Properti Flex-arah

Referensi CSS: Properti Flex-Flow

Referensi CSS: Flex-Tumbuh properti

Referensi CSS: Flex-Shrink properti

Referensi CSS: Properti Flex-Dasar


CSS Referensi CSS Referensi