在div中有个图片怎么使他等比例缩小并居中，css代码是什么

要在`<div>`中放置一张图片，并让它按照内容区域等比例缩小并水平垂直居中，你可以使用以下CSS代码：

.container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 0;
  padding-top: calc(100% / (1 + 1)); /* 计算图片的高度，假设宽度是1 */
}

.image-container {
  max-width: 100%;
  max-height: 100%;
  object-fit: cover; /* 使图片按比例缩放并填充容器 */
  margin: auto; /* 居中处理 */
}

<img src="your-image-source" class="image-container">

在这个例子中，`.container`负责创建一个可居中的上下文环境，通过`display: flex`和`justify-content: center`、`align-items: center`属性实现水平垂直居中。而`.image-container`是图片的实际容器，设置了`max-width`和`max-height`为100%，结合`object-fit: cover`使得图片按原比例缩放以填满容器。