it-swarm.asia

Apa cara terbaik untuk memusatkan gambar di situs web?

Setiap kali saya mengerjakan proyek baru, saya tidak memiliki masalah untuk memusatkan teks menggunakan "text-align: center" untuk memusatkan teks, tetapi saya belum pernah melihat kode yang mirip dengan gambar tengah jadi saya selalu meretas kode dengan baik memusatkan gambar dalam HTML (bukan opsi terbersih) atau dengan memberi gambar lebar variabel (yang tidak bekerja pada banyak resolusi). Apakah ada cara untuk mencapai ini yang belum saya coba? Dan, apakah ada yang tahu jika sesuatu seperti ini akan diimplementasikan dalam CSS3?

2
rgaspary

Setel gaya elemen yang berisi ke

text-align:center;

atur gaya gambar Anda menjadi

display:inline-block;
margin:auto;
8
Sruly

Jawaban Sruly mengenai paku di kepala. satu-satunya hal yang saya pertimbangkan untuk ditambahkan adalah vertical-align: middle; untuk tag gambar, sebagai berikut:

display:inline-block;
margin:auto;
vertical-align: middle;
2
Sk93