Bagaimana untuk Memusatkan Imej Dipotong Secara Mendatar dengan CSS?

Memusatkan Imej Secara Mendatar dengan CSS

Dalam usaha untuk memaparkan hanya sebahagian daripada imej, anda menggunakan klip() harta untuk menanamnya. Walau bagaimanapun, selepas memangkas, anda mengalami kesukaran untuk memusatkan imej.

Untuk menyelesaikannya, laksanakan CSS berikut:

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

Seterusnya, tambah class="center" pada imej anda ke mencapai pemusatan mendatar:

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

Dengan pengubahsuaian ini, imej anda kini seharusnya dipusatkan secara mendatar walaupun dipangkas.

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