Pembuat flexbox CSS
Uji basis item, pertumbuhan, pembungkusan, dan perataan; ekspor HTML/CSS.
- Berjalan di browser
- Tanpa unggahan
- Periksa sebelum mengunduh
Input tetap berada di tab ini dan tidak diunggah atau disimpan otomatis. Hitungan penggunaan agregat dan diagnostik pemrosesan yang umum bersifat opsional dan hanya dikirim setelah Anda setuju, tanpa isi input atau nama file. Jika tab dikosongkan atau ditutup, input hilang; simpan hasil yang Anda perlukan lebih dulu.
Batas sumber daya
1–24 item; basis 0–2000 px, grow/shrink 0–20, order ±24, jarak 0–100 px. Pratinjau memakai lebar yang tersedia. Urutan visual tidak mengubah DOM, urutan baca, atau urutan keyboard. Pratinjau lokal yang terbatas, bukan jaminan untuk semua browser/tata letak. Input tidak pernah dijalankan. Unduh HTML dan CSS sekaligus. Batas waktu: 8 detik.
Cara menggunakan
- Atur contoh
Pilih arah, pembungkusan, dan perataan, lalu edit basis, grow, shrink, dan urutan item. Tekan Buat dan bandingkan posisinya pada lebar yang tersedia. Ekspor HTML dan CSS sekaligus.
- Periksa sebelum dipakai
Input tetap berada di tab ini dan tidak diunggah atau disimpan otomatis. Hitungan penggunaan agregat dan diagnostik pemrosesan yang umum bersifat opsional dan hanya dikirim setelah Anda setuju, tanpa isi input atau nama file. Jika tab dikosongkan atau ditutup, input hilang; simpan hasil yang Anda perlukan lebih dulu. 1–24 item; basis 0–2000 px, grow/shrink 0–20, order ±24, jarak 0–100 px. Pratinjau memakai lebar yang tersedia. Urutan visual tidak mengubah DOM, urutan baca, atau urutan keyboard. Pratinjau lokal yang terbatas, bukan jaminan untuk semua browser/tata letak. Input tidak pernah dijalankan. Unduh HTML dan CSS sekaligus. Batas waktu: 8 detik.
- Ekspor hasil yang sudah diperiksa
Unduh hasil; Unduh file asli
Pertanyaan dan batas
Batas sumber daya
1–24 item; basis 0–2000 px, grow/shrink 0–20, order ±24, jarak 0–100 px. Pratinjau memakai lebar yang tersedia. Urutan visual tidak mengubah DOM, urutan baca, atau urutan keyboard. Pratinjau lokal yang terbatas, bukan jaminan untuk semua browser/tata letak. Input tidak pernah dijalankan. Unduh HTML dan CSS sekaligus. Batas waktu: 8 detik.
Desain offline
Input tetap berada di tab ini dan tidak diunggah atau disimpan otomatis. Hitungan penggunaan agregat dan diagnostik pemrosesan yang umum bersifat opsional dan hanya dikirim setelah Anda setuju, tanpa isi input atau nama file. Jika tab dikosongkan atau ditutup, input hilang; simpan hasil yang Anda perlukan lebih dulu.
Periksa sebelum dipakai
Pilih arah, pembungkusan, dan perataan, lalu edit basis, grow, shrink, dan urutan item. Tekan Buat dan bandingkan posisinya pada lebar yang tersedia. Ekspor HTML dan CSS sekaligus.