设置8个按钮在div的居中位置

可以使用CSS的flex布局来实现这个需求。首先，将div的display属性设置为flex，然后使用justify-content和align-items属性来将它的子元素居中。代码如下：

<div class="container">
  <button>Button 1</button>
  <button>Button 2</button>
  <button>Button 3</button>
  <button>Button 4</button>
  <button>Button 5</button>
  <button>Button 6</button>
  <button>Button 7</button>
  <button>Button 8</button>
</div>

.container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}

button {
  margin: 10px;
}

这里将div的高度设置为100vh，使其铺满整个屏幕。button元素的margin属性可以控制它们之间的间距。