如何在 Div 中水平和垂直居中图像？

将图像放置在 Div 的中央

您希望将图像放置在 div 中，使其恰好位于中间和中心。要实现这种对齐，请按照下列步骤操作：

1.创建具有绝对定位的 Div：

<div>

2.配置图像属性：

#over img {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

• margin-left: auto;：这确保图像位于 div 的右边缘。
• margin-right: auto;: 同时将图像的右边缘定位到图像的左边缘div.
• display: block;：将图像转换为块级元素，允许垂直居中。

示例：

<div>

此方法将图像在 div 内居中对齐，而不管 div 的尺寸。

以上是如何在 Div 中水平和垂直居中图像？的详细内容。更多信息请关注PHP中文网其他相关文章！