Bagaimana untuk Memusatkan Imej Dipotong Secara Mendatar Menggunakan CSS?

Cara Menjajarkan Imej Secara Mendatar Menggunakan CSS

Apabila cuba memusatkan imej secara mendatar, CSS menyediakan penyelesaian yang berkesan. Dalam soalan ini, pengguna memaparkan imej menggunakan HTML dan memangkasnya menggunakan CSS. Walau bagaimanapun, mereka menghadapi kesukaran untuk memusatkan imej yang dipangkas.

Untuk menyelesaikan isu ini, peraturan CSS berikut boleh digunakan:

<code class="css">.center img {        
  display:block;
  margin-left:auto;
  margin-right:auto;
}</code>

Dengan menambahkan kelas tengah pada elemen imej, ia boleh dipusatkan secara mendatar:

<code class="html"><div id="loading" class="loading-invisible">  
    <img class="loading center" src="logo.png">
</div></code>

Peraturan CSS ini mencapai kesan yang diingini dengan menetapkan imej untuk dipaparkan sebagai elemen blok dan melaraskan jidar kiri dan kanan secara automatik. Ini menyebabkan imej berada di tengah dalam bekasnya.

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