[分享]css两个按钮并列居中

有时候我们需要将两个按钮放在同一行并居中对齐。这时候，我们可以使用CSS来实现。下面是一个例子：

.btn-container {
  text-align: center;
}

.btn {
  display: inline-block;
  padding: 8px 16px;
  background-color: #4CAF50;
  color: white;
  border: none;
  cursor: pointer;
  border-radius: 5px;
  margin: 0 10px;
} 

上述代码中，我们首先定义了一个容器，这个容器包含我们的两个按钮。在这个容器中，我们使用了text-align: center属性将两个按钮居中。接下来，我们定义了按钮的样式，这些样式包括：

• display: inline-block - 将按钮变成行内元素，这样它们就能放在同一行。
• padding: 8px 16px - 为按钮添加内边距。
• background-color: #4CAF50 - 设置按钮的背景颜色。
• color: white - 设置文字颜色为白色。
• border: none - 删除边框。
• cursor: pointer - 鼠标悬停时会显示手形光标。
• border-radius: 5px - 将按钮的边缘变圆。
• margin: 0 10px - 给按钮设置间距。

使用这些CSS样式，我们可以轻松地使两个按钮并列居中并且看起来很漂亮。