让两个按钮并列显示，中间留下适当的空

您可以使用 flex 布局来使两个按钮并排显示，并在它们之间留下适当的空隙。以下是一个简单的 CSS 代码示例：

.btn-group {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
}

.btn-group button {
  flex-grow: 1;
  margin-right: 10px;
}

您可以将此代码添加到您的 CSS 文件中，或将其添加到您的 HTML 文件中的 `<style>` 标签中。然后将您的两个按钮包装在一个 `<div>` 元素中，并将 `<div>` 元素的 `class` 属性设置为 `btn-group`，如下所示：

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

这将使您的两个按钮并排显示，并在它们之间留下适当的空隙。您可以通过修改 `margin-top` 和 `margin-right` 属性来调整按钮之间的间距。

相关问题

想做两个按钮并列排列且居中怎么写

你可以使用以下 CSS 代码：

.container {
  display: flex;
  justify-content: center;
}

.button {
  margin: 0 10px; /* 调整按钮之间的间距 */
}

然后在 HTML 中嵌套两个按钮：

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

这样就可以实现两个按钮并列排列且居中的效果。

css两个盒子并列中间有条线

你可以使用CSS的flex布局来实现两个盒子并列，并在它们中间添加一条线。具体步骤如下：

1. 用一个父容器包含两个子盒子，设置display为flex，这样两个子盒子就并列在一起了。

2. 给父容器设置justify-content为space-between，这样两个子盒子就会分别靠左和靠右，并且它们之间会有一些空隙。

3. 在父容器中添加一个伪元素，比如:before或:after。给伪元素设置content为一个空字符串，然后设置宽度、高度、背景颜色和位置，这样就可以在两个子盒子之间添加一条线了。

具体的CSS代码如下：

.parent {
  display: flex;
  justify-content: space-between;
  position: relative;
}

.parent::before {
  content: "";
  width: 1px;
  height: 20px;
  background-color: #000;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

这样就可以在两个并列的盒子之间添加一条线了。