如何使用 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 lazy" src="/static/imghwm/default1.png" data-src="logo.png" alt="如何使用 CSS 将裁剪后的图像水平居中？" >
</div></code>

通过这些修改，您的图像现在应该水平居中，尽管进行了裁剪。

以上是如何使用 CSS 将裁剪后的图像水平居中？的详细内容。更多信息请关注PHP中文网其他相关文章！