Konverter warna
Konversi HEX, RGB, dan HSL beserta transparansi, lihat contoh warna, dan salin nilai CSS.
Generator CSS Flexbox
Coba arah, pembungkusan baris, pembagian ruang, dan perataan, lalu salin CSS serta HTML-nya.
Tentang alat ini
Susun tombol atau kontrol dan periksa penempatannya saat ruang menyempit.
Cara menggunakan
Atur properti Flex, jarak, dan jumlah item. Ubah lebar untuk melihat perpindahan baris. CSS dan HTML dapat disalin atau diunduh terpisah.
Pratinjau memakai properti yang sama dengan kode. Basis item 100 px dengan tinggi minimum 80 px. Maksimal 48 item, jarak 0–80 px. Lebar pratinjau tidak disertakan dalam CSS ekspor.
Pertanyaan umum
Apakah lebar pratinjau ikut diekspor?
Tidak, lebar itu hanya menyimulasikan ruang. Keluaran mencakup aturan flex dan ukuran dasar item; atur lebar sebenarnya dan tampilannya pada halaman Anda.
Mengapa arah perataan berubah saat memakai column?
justify-content bekerja pada sumbu utama, sementara align-items pada sumbu silang. Pada row, sumbu utama mendatar; pada column, sumbu utama tegak. Untuk menengahkan item di kedua arah, pilih center pada kedua kontrol dan sediakan ruang yang cukup pada arah terkait.
Alat terkait
Dibuka di tab baru
Komentar
0