css实现两个按钮靠左边另外两个按钮靠右边

在CSS中，你可以通过设置元素的浮动属性来实现两个按钮一组，分别靠左和靠右对齐。下面是一个简单的示例：

.container {
  display: flex; /* 使用 Flexbox */
}

.left-buttons {
  float: left;
  width: 50%; /* 或者设置固定宽度，比如50%，看需求调整 */
}

.right-buttons {
  float: right;
  width: 50%;
}

.button {
  /* 共享的基本样式 */
  display: inline-block;
  padding: 10px 20px;
  margin-bottom: 10px;
}

然后在HTML里应用这些类：

<div class="container">
  <div class="left-buttons">
    <button class="button">按钮1</button>
    <button class="button">按钮2</button>
  </div>
  <div class="right-buttons">
    <button class="button">按钮3</button>
    <button class="button">按钮4</button>
  </div>
</div>