Ia disokong dalam semua penyemak imbas web. Daripada menggunakan float untuk membuat reka letak dengan elemen terapung ke kiri atau kanan, flexbox membenarkan anda membuat reka letak dengan menjajarkan item pada paksi tunggal. Paksi boleh mendatar atau menegak. Ia paling sesuai digunakan untuk mengagihkan ruang untuk item dalam paksi yang sama.
Bilakah anda akan menggunakan grid kotak fleksibel terapung?
Flexbox kebanyakannya membantu menyelaraskan kandungan & memindahkan blok. Grid CSS adalah untuk reka letak 2D. Ia berfungsi dengan kedua-dua baris dan lajur. Flexbox berfungsi lebih baik dalam satu dimensi sahaja (sama ada baris ATAU lajur).
Mengapa anda menggunakan flexbox dan bukannya float?
Penempatan elemen kanak-kanak menjadi lebih mudah dengan flexbox. Flexbox adalah responsif dan mesra mudah alih. Jidar bekas flex tidak runtuh dengan jidar kandungannya. Kami boleh menukar susunan elemen pada halaman web kami dengan mudah tanpa membuat perubahan dalam HTML.
Adakah saya perlu menggunakan terapung pada tahun 2020?
Terdapat kes apabila objek anda tidak membungkus teks, tetapi tiada pilihan lain berfungsi. Dalam kes itu, jangan berpeluh, hanya gunakan float. Jika anda benar-benar mahu membungkus teks pada imej atau div lain, terapung adalah bagus.
Bilakah anda tidak boleh menggunakan flex?
Bila tidak menggunakan flexbox
- Jangan gunakan flexbox untuk reka letak halaman. Sistem grid asas menggunakan peratusan, lebar maksimum dan pertanyaan media ialah pendekatan yang lebih selamat untuk mencipta reka letak halaman responsif. …
- Jangan tambahpaparan:flex; kepada setiap div kontena tunggal. …
- Jangan gunakan flexbox jika anda mempunyai banyak trafik dari IE8 dan IE9.
