如何在页面上将两个按钮放在一起

<div class="button-container">
  <button class="button">按钮1</button>
  <button class="button">按钮2</button>
</div>

.button-container {
  display: flex;
  justify-content: center; /* 水平居中对齐按钮 */
}

.button {
  margin: 5px; /* 按钮之间的间距 */
}

<div class="button-container">
  <button class="button float-left">按钮1</button>
  <button class="button float-right">按钮2</button>
</div>

.button-container {
  overflow: auto; /* 清除浮动 */
}

.button {
  float: left; /* 左浮动或右浮动 */
}

<div class="button-container">
  <button class="button">按钮1</button>
  <button class="button">按钮2</button>
</div>

.button-container {
  display: grid;
  grid-template-columns: 1fr 1fr; /* 将容器分为两列 */
  gap: 10px; /* 按钮之间的间距 */
}