图片居中，并自适应div宽度

要使图片居中并自适应其所在div的宽度，你可以使用以下CSS样式：

.div-class {
  display: flex;
  justify-content: center;
  align-items: center;
}

.div-class img {
  max-width: 100%;
  height: auto;
}

在上述代码中，.div-class 是包含图片的div元素的类名。通过将其设置为 display: flex; 并使用 justify-content: center; 和 align-items: center; 属性，可以使图片居中。

然后，通过为包含图片的元素（通常是 <img> 元素）应用样式 .div-class img 来实现自适应宽度。设置 max-width 属性为 100% ，使图片宽度根据其容器自动调整，并使用 height:auto; 来保持高度与宽度的比例。

请将上述代码中的 .div-class 替换为你实际使用的类名，并将其添加到包含图像的 div 元素上。这样，图像将居中并根据 div 的宽度进行自适应调整。