Bagaimana untuk Memusatkan Imej Secara Mendatar dan Menegak Dalam Div Menggunakan CSS?

Menjajarkan Imej Berpusat dan Menjajarkan Menegak Dalam Div

Untuk coretan HTML yang diberikan:

`

`

Melaraskan peletakan imej untuk dipusatkan secara mendatar dan menegak dalam div yang ditetapkan boleh dicapai menggunakan sifat CSS.

Untuk menjajarkan imej secara mendatar di tengah, gunakan:

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

Ini menjajarkan imej ke tepi kiri dan kanan div, menghasilkan peletakan berpusat.

Untuk menjajarkan imej secara menegak di tengah, tetapkan imej sebagai elemen peringkat blok menggunakan:

#over img {
  display: block;
}

Ini membolehkan imej mengambil ketinggian penuh ruang yang tersedia dalam div.

Coretan HTML dan CSS yang dikemas kini menjadi:

<div>

body {
  margin: 0;
}

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

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