Bagaimana untuk Mendatar Memusatkan Imej Di Dalam Div?

Menjajarkan Imej Secara Mendatar dalam Bekas Div

Soalan:

Bagaimana untuk mencapai mendatar penjajaran untuk imej yang berada dalam bekas div elemen?

Butiran:

Kod HTML dan CSS yang disediakan termasuk struktur yang diperlukan untuk kontena dan elemen imej, tetapi imej kekal tidak berpusat.

Penyelesaian:

Untuk memusatkan imej secara mendatar dengan berkesan, gunakan peraturan CSS berikut pada imej:

#artiststhumbnail a img {
    display:block;
    margin:auto;
}

Pelarasan ini memastikan imej ditetapkan untuk dipaparkan sebagai elemen blok, membolehkan aplikasi margin. Selepas itu, tetapan jidar auto mengarahkan penyemak imbas untuk mengira dan menggunakan jidar kiri dan kanan yang sama secara automatik, dengan itu memusatkan imej.

Pengesahan Visual:

Untuk menunjukkan penyelesaian ini , lawati: http://jsfiddle.net/marvo/3k3CC/2/

Atas ialah kandungan terperinci Bagaimana untuk Mendatar Memusatkan Imej Di Dalam Div?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!