[分享]css两个按钮放

在CSS中，我们可以使用两种方法来放置两个按钮。下面我们来探讨这两种方法：

方法一：使用浮动

代码示例：
.btn-1, .btn-2 {
  float: left;
  margin-right: 10px;
}
.btn-2 {
  margin-right: 0;
} 

在上述代码中，我们使用了浮动来将两个按钮放在同一行。我们首先定义了两个按钮的样式，设置它们都向左浮动，并给第一个按钮添加一个10像素的右边距，以避免它们紧贴在一起。然后，我们重写了第二个按钮的margin-right，将其设置为0，以使其与第一个按钮平齐。

方法二：使用Flexbox

代码示例：
.btn-group {
  display: flex;
}
.btn-1 {
  margin-right: 10px;
} 

在上述代码中，我们使用了Flexbox布局来将两个按钮放在同一行。我们首先将他们放在一个父容器内，并将其设置为Flexbox布局模式。接着，我们给第一个按钮添加一个10像素的右边距。Flexbox会自动将两个按钮放置在同一行上。