html如何通过div让两个按钮排列于图像的左右两边，且按钮位高度位于图像中间

可以通过CSS的flex布局来实现这个效果。

首先，我们需要将图像和按钮都放在一个div中，然后设置这个div的display属性为flex，这样它的子元素就可以使用flex布局。

接着，我们可以给这个div设置justify-content属性为space-between，这样它的子元素就会排列在左右两侧。

最后，我们可以使用align-items属性将按钮垂直居中。

具体实现的代码如下：

HTML代码：

<div class="container">
  <img src="image.jpg" alt="image">
  <div class="buttons">
    <button>Button 1</button>
    <button>Button 2</button>
  </div>
</div>

CSS代码：

.container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.buttons {
  display: flex;
  align-items: center;
}

button {
  margin: 0 10px;
}

这样就可以让两个按钮排列于图像的左右两边，且按钮位高度位于图像中间了。