[分享]css两个按钮在同一高度

在制作网页的过程中，经常会用到按钮。如果有两个按钮需要放在同一行且处于同一高度，那么就需要使用CSS来实现。首先，需要将这两个按钮放在容器内： 按钮1 按钮2 接着，需要添加CSS样式： .but...

在制作网页的过程中，经常会用到按钮。如果有两个按钮需要放在同一行且处于同一高度，那么就需要使用CSS来实现。

首先，需要将这两个按钮放在容器内：

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

接着，需要添加CSS样式：

 .button-container {
    display: flex;
    align-items: center;
  }
  
  button {
    margin: 0 10px;
  } 

以上样式将容器设置成Flex布局，让按钮处于同一行并居中对齐。按钮之间的间距可通过设置margin来调整。

通过以上步骤，我们就可以实现在同一行且同一高度显示两个按钮。