如何在 CSS 中将裁剪后的图像水平居中？

使用 CSS 水平对齐图像

出现了如何使用 CSS 水平居中图像的问题。使用 HTML 代码将图像显示在屏幕上，并使用 CSS 规则裁剪其特定部分。然而，尽管裁剪了图像，使其居中仍然是一个挑战。

要实现水平居中，可以应用以下 CSS：

.center img {    
  display:block;
  margin-left:auto;
  margin-right:auto;
}

此外，图像应该有“中心”添加类以实现居中：

class="center"

通过执行以下步骤，即使在裁剪后，图像也将有效地水平居中。

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