如何实现两个按钮在同一行，但是中间会有空隙

要实现两个按钮在同一行但中间有空隙，你可以使用 CSS 中的 `margin` 属性来设置按钮之间的空隙。以下是一种可能的实现方法：

HTML 代码：

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

CSS 代码：

.button-container {
  display: flex;
}

.button {
  margin-right: 10px; /* 设置按钮之间的右侧空隙 */
}

在上述代码中，我们使用了一个包含两个按钮的容器 `<div class="button-container">`。通过设置容器的 `display` 属性为 `flex`，我们可以使按钮水平排列在同一行。

对于按钮样式，我们使用了一个共享的类名 `.button`。通过设置 `.button` 类的 `margin-right` 属性为 `10px`，我们在按钮之间创建了一个右侧的空隙。

通过这种方式，两个按钮将在同一行显示，并且它们之间会有一个 10 像素的空隙。你可以根据需要调整 `margin-right` 的值来改变空隙的大小。