CSS Visual ToolsLesson 81Preview gratis
Multi-Column
Lesson ini bagian dari Web Developer Tools · Semua level
Ringkasan
Multi-column generator mengatur teks agar mengalir ke beberapa kolom seperti halaman koran. Properti seperti column-count, column-width, column-gap, dan column-rule mengatur jumlah kolom, jarak, serta garis pemisah. Layout ini paling cocok untuk artikel panjang, bukan untuk menyusun seluruh halaman.
Poin kunci
- column-count menentukan jumlah kolom yang diinginkan
- column-width memberi lebar minimum sehingga jumlah kolom menyesuaikan ruang
- column-gap mengatur jarak antar kolom
- column-rule membuat garis pemisah di antara kolom
- break-inside: avoid mencegah elemen terpotong antar kolom
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.