flex-wrap
Properti CSS flex-wrap merupakan sub-properti dari modul layout kotak Flexbox.
Properti ini mendefinisikan apakah item flex dipaksa dalam satu baris atau dapat dialirkan ke beberapa baris.
Jika diatur ke beberapa garis, ini juga menentukan sumbu silang yang menentukan arah garis baru ditumpuk.
Catatan: Sumbu silang adalah sumbu tegak lurus terhadap sumbu utama. Arahnya tergantung pada arah sumbu utama.
CSS Syntax
flex-flow: flex-direction flex-wrap | initial | inherit;
JavaScript Syntax
object.style.flexFlow="column nowrap"
| Default value: | row nowrap |
|---|---|
| Inherited: | tidak |
| Animatable: | tidak Read about animatable |
| Version: | CSS3 |
Attribute Value
default
flex-wrap: nowrap;
Item-item flexbox akan tetap berada pada satu baris, apa pun yang terjadi, dan pada akhirnya akan meluap jika diperlukan.
flex-wrap: wrap;
Item-item flexbox akan didistribusikan di antara banyak baris jika diperlukan.
flex-wrap: wrap-reverse;
Item-item flexbox akan didistribusikan di antara banyak baris jika diperlukan. Setiap baris tambahan akan muncul sebelum yang sebelumnya.