Bagaimanakah Saya Mendatar Memusatkan Imej Di Dalam Div?

Cara Memusatkan Imej Secara Mendatar Dalam Elemen Div

Anda mengalami kesukaran untuk memusatkan imej secara mendatar dalam div bekasnya. Walaupun cuba penyelesaian yang disediakan, isu ini berterusan.

Untuk menyelesaikannya, pertimbangkan CSS berikut:

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

Penyelesaian ini menggunakan teknik berikut:

1. Paparan Sekat: Menetapkan paparan imej kepada "sekat" membolehkan ia menduduki barisnya sendiri dan dianggap sebagai elemen blok, memudahkan pemusatan.
2. Auto Jidar Kiri dan Kanan: "margin:auto;" harta secara automatik mengira jidar kiri dan kanan yang sama, memastikan pemusatan mendatar.

Pendekatan ini telah ditunjukkan dan terbukti berkesan dalam biola berikut: http://jsfiddle.net/marvo/3k3CC/2/

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