Bagaimana Mendatar Memusatkan Imej Dipotong dalam CSS?

Menjajarkan Imej Secara Mendatar Menggunakan CSS

Timbul persoalan mengenai cara mendatar memusatkan imej menggunakan CSS. Imej dipaparkan pada skrin menggunakan kod HTML, dan bahagian khususnya dipangkas menggunakan peraturan CSS. Walau bagaimanapun, walaupun memotong imej, memusatkannya tetap menjadi cabaran.

Untuk mencapai pemusatan mendatar, CSS berikut boleh digunakan:

.center img {    
  display:block;
  margin-left:auto;
  margin-right:auto;
}

Selain itu, imej harus mempunyai "pusat" kelas ditambahkan padanya untuk mencapai pemusatan:

class="center"

Dengan mengikut langkah ini, imej akan dipusatkan secara mendatar dengan berkesan, walaupun selepas dipangkas.

Atas ialah kandungan terperinci Bagaimana Mendatar Memusatkan Imej Dipotong dalam CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!