css怎么使两个按钮并排

在开发网页时，我们经常需要让两个按钮并排展示，这就需要使用 CSS 来实现。下面是一些可以使用的方法：

.button-wrapper {
  display: flex;
}

.button {
  margin-right: 10px;
}

首先，我们可以使用 flex 属性。将按钮的容器设置为 display: flex，可以使里面的元素在主轴上并排排列。其次，使用 margin-right 属性给左边的按钮设置一些右外边距，这样右边的按钮就可以紧贴左边的按钮。

另一种方法是使用 float 属性：

.button-wrapper {
  width: 100%;
}

.button {
  float: left;
  margin-right: 10px;
}

首先，将按钮的容器设置为占满整个宽度。接着，利用 float: left 让左边的按钮“浮动”到左边，让右边的按钮紧贴在它的右边。最后，再使用 margin-right 属性给左边的按钮设置一些右外边距。

这些方法可以让我们轻松地实现按钮的并排展示，根据实际情况选择适合自己的方法即可。