Bagaimanakah Saya Memusatkan Imej Secara Mendatar dan Menegak dalam Div?

Letakkan Imej Secara Tengah dalam Div

Anda ingin meletakkan imej dalam div supaya ia berada tepat di tengah dan tengah. Untuk mencapai penjajaran ini, ikut langkah berikut:

1. Cipta Div dengan Kedudukan Mutlak:

<div>

2. Konfigurasikan Sifat Imej:

#over img {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

• margin-kiri: auto;: Ini memastikan imej diletakkan di tepi kanan div.
• margin-kanan: auto;: Pada masa yang sama meletakkan tepi kanan imej ke tepi kiri div.
• paparan: blok;: Menukar imej kepada elemen peringkat blok, membenarkan pemusatan menegak.

Contoh:

<div>

Pendekatan ini menjajarkan imej secara berpusat dalam div, tanpa mengira saiz div.

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