Belajar CSS FlexBox #Bagian 4 Flex-wrap
Kita sudah memasuki postingan ke 4 tentang css flexbox. Di bagian ke 4 ini kita akan mempelajari property flex wrap.
Secara default flex items atau semua item yang containernya menggunakan property display:flex akan mencoba untuk berada dalam satu baris, tapi kamu bisa merubahnya dengan cara menggunakan property flex-wrap dengan nilai nowrap,wrap dan wrap-reverse.
flex-wrap:nowrap = semua flex items akan berada dalam satu baris.
flex-wrap:wrap = semua flex items akan ditampilkan atau dibungkus kedalam beberapa baris dari atas ke bawah.
flex-wrap:wrap-reverse = semua flex items akan ditampilkan atau dibungkus kedalam beberapa garis dari bawah ke atas.
Untuk lebih memahaminya bisa lihat gambar di bawah ini.
Semoga penjelasan tentang css flexbox flex-wrap di atas bisa dipahami, jika ada pertanyaan silahkan tinggalkan komen. Happy coding
Secara default flex items atau semua item yang containernya menggunakan property display:flex akan mencoba untuk berada dalam satu baris, tapi kamu bisa merubahnya dengan cara menggunakan property flex-wrap dengan nilai nowrap,wrap dan wrap-reverse.
flex-wrap:nowrap = semua flex items akan berada dalam satu baris.
flex-wrap:wrap = semua flex items akan ditampilkan atau dibungkus kedalam beberapa baris dari atas ke bawah.
flex-wrap:wrap-reverse = semua flex items akan ditampilkan atau dibungkus kedalam beberapa garis dari bawah ke atas.
Untuk lebih memahaminya bisa lihat gambar di bawah ini.
Semoga penjelasan tentang css flexbox flex-wrap di atas bisa dipahami, jika ada pertanyaan silahkan tinggalkan komen. Happy coding
Post a Comment for "Belajar CSS FlexBox #Bagian 4 Flex-wrap"