使用 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中文網其他相關文章!