<div> <button onclick='previous($id)'><<</button> <button onclick='next($id)'>>></button> </div>可以将按钮位置调整到图片的两侧不？

是的，你可以使用CSS来将按钮调整到图片的两侧。以下是一种可能的方法：

1. 首先，将图片和按钮包装在一个DIV元素内，例如：

<div class="image-container">
  <img src="image.jpg">
  <div class="button-container">
    <button onclick='previous($id)'><<</button>
    <button onclick='next($id)'>>></button>
  </div>
</div>

2. 在CSS中为该DIV元素和其中的元素添加样式，例如：

.image-container {
  position: relative;
}

.image-container img {
  display: block;
  margin: 0 auto;
}

.button-container {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.button-container button {
  display: inline-block;
  margin: 0 10px;
}

这样，按钮就会水平居中并垂直居中于图片的中心位置，左右两个按钮会分别在图片的左侧和右侧。你可以根据需要调整这些样式值，例如更改`top`属性来改变按钮的垂直位置，或者更改`margin`属性来改变按钮之间的间距。