ImagesLesson 85Preview gratis
Center Images
Lesson ini bagian dari How To · Semua level
Ringkasan
Center images membahas beberapa cara memusatkan gambar, baik secara horizontal maupun vertikal. Untuk gambar block, margin kiri-kanan auto adalah cara klasik yang sederhana. Flexbox atau grid lebih fleksibel ketika gambar perlu dipusatkan di dalam area dengan tinggi tertentu.
Poin kunci
- display: block dengan margin-left: auto dan margin-right: auto memusatkan gambar horizontal.
- text-align: center pada induk memusatkan gambar inline.
- Flexbox memakai justify-content dan align-items untuk pemusatan dua arah.
- Grid dapat memakai place-items: center.
- Pemusatan absolut memerlukan top, left, dan transform translate.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.