如何使用 CSS 將裁剪後的圖像水平居中？

使用 CSS 將圖像水平居中

為了僅顯示圖像的一部分，您正在使用 Clip()屬性來裁剪它。但是，裁剪後，您很難將圖像居中。

要解決此問題，請實現以下CSS：

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

接下來，將class="center" 加入影像中實現水平居中：

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

透過這些修改，您的影像現在應該水平居中，儘管進行了裁剪。

以上是如何使用 CSS 將裁剪後的圖像水平居中？的詳細內容。更多資訊請關注PHP中文網其他相關文章！