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?
Setel gaya elemen yang berisi ke
text-align:center;
atur gaya gambar Anda menjadi
display:inline-block;
margin:auto;
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;