使用flexbox时，图像未在div中居中

使用flexbox时，可以通过以下步骤将图像居中在div中：

1. 首先，确保父级div使用了flex布局。可以通过设置父级div的display属性为flex来实现，例如：

.parent-div {
  display: flex;
}

1. 然后，使用justify-content和align-items属性来水平和垂直居中图像。justify-content用于水平方向的居中，align-items用于垂直方向的居中。可以将这两个属性的值都设置为center，例如：

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

1. 最后，将图像放置在子级div中，并设置其宽度和高度。可以使用max-width和max-height属性来控制图像的大小，例如：

<div class="parent-div">
  <div class="child-div">
    <img src="image.jpg" alt="Image" style="max-width: 100%; max-height: 100%;">
  </div>
</div>

这样，图像就会在div中居中显示。

关于flexbox的更多信息和用法，可以参考腾讯云的相关产品文档：

• Flexbox布局