position absolute 图片上下左右居中

要使一个绝对定位的图像在其父容器中居中，可以使用以下CSS代码：

.parent {
  position: relative;
}

.child {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

首先，将父容器的 position 属性设置为 relative，以便作为子元素的参考点。

然后，在子元素的CSS中，使用 position: absolute 将其从文档流中脱离，并使用 top: 50% 和 left: 50% 将其相对于父容器的顶部和左侧移动到中心位置。

最后，使用 transform: translate(-50%, -50%) 将子元素的中心点移动回其自身的左上角，以便完全居中。