Bagaimanakah Saya Boleh Memusatkan Imej Secara Mendatar Di Dalam Div Menggunakan CSS?

Memusatkan Imej Secara Mendatar Dalam Elemen Div

Isu:

Menjajarkan imej secara mendatar dalam div yang mengandungi menggunakan CSS pada mulanya terbukti mencabar. Percubaan untuk memusatkan imej menggunakan CSS sedia ada gagal menghasilkan hasil yang diingini.

Penyelesaian:

Untuk memusatkan imej dengan berkesan, pengubahsuaian pada CSS telah dilaksanakan:

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

• paparan:blok: Menukar imej sebaris kepada elemen peringkat blok, membenarkan kawalan kedudukan tambahan.
• margin:auto: Secara automatik menambah jidar kiri dan kanan yang sama pada imej, memusatkannya dalam div.

Keputusan:

CSS yang disemak ini memastikan bahawa imej dalam elemen div kini berpusat dengan sempurna secara mendatar, seperti yang dikehendaki. Demonstrasi langsung boleh didapati di sini: http://jsfiddle.net/marvo/3k3CC/2/.

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