让图片在div的正中间

为了让图片在div容器的正中间显示，你可以采用CSS中的定位技术，比如`position`, `margin`和`display`。以下是几种常见方法：

1. **使用绝对定位（Absolutepositioning）**：
将图片和div都设为position，并设置图片的top和left为0，同时限制图片的宽度和高度使其适应div。

img.centered-image {
  display: block;
  margin: auto; /* 自动调整上下边距，使图片居中 */
  position: absolute;
  top: 0;
  left: 0;
  right: 0; /* 设置宽度为父元素宽度 */
  bottom: 0; /* 设置高度为父元素高度 */
  width: 100%; /* 或者适应父元素宽度 */
  height: 100%; /* 或者适应父元素高度 */
}

或者使用flex布局：

.container {
  display: flex;
  justify-content: center;
  align-items: center;
}
.container img {
  max-width: 100%;
  max-height: 100%;
}

2. **使用Flexbox布局**：
如果你的项目兼容Flexbox，可以直接使用`justify-content` 和 `align-items` 属性让图片居中。

3. **使用Grid布局**：
类似于Flexbox，如果你使用的是Grid，设置`grid-template-columns` 和 `grid-template-rows` 为`auto`，然后将图片放在交叉点上即可。

记得将上述代码应用到你的div元素及其包含的图片元素上。