html使插入图片位于盒子的垂直中心

可以使用CSS中的flexbox来实现将图片垂直居中，具体操作如下：

1. 将包含图片的父元素设置为display: flex;
2. 设置justify-content: center; align-items: center;来使图片水平居中和垂直居中。

示例代码如下：

<div class="container">
  <img src="your-image-url" alt="your-image-description">
</div>

.container {
  display: flex;
  justify-content: center;
  align-items: center;
  /* 设置容器高度 */
  height: 300px;
}

注意：为了使图片在盒子中垂直居中，需要将包含图片的父元素的高度设置为固定值或者使用min-height属性来设置最小高度。如果不设置高度，图片将无法垂直居中。