CSS按鈕是網頁設計中常用的元素，但是當我們需要在同一行放置多個按鈕時，如何水平對齊就成為了一個問題，下面我們就來了解一下如何使用CSS實現按鈕水平對齊。

首先，我們需要將按鈕包裹在一個div容器中，設置該容器的display屬性為flex，使得按鈕元素在同一個容器中呈現彈性布局，這樣就可以很方便地實現按鈕的水平對齊了。具體的代碼如下：

<div style="display: flex;">
<button>按鈕1</button>
<button>按鈕2</button>
<button>按鈕3</button>
</div>

這樣就可以實現三個按鈕在同一行內水平對齊了。當然，我們也可以對每個按鈕設置一些樣式，如字體大小、顏色、邊框等。下面是一個完整的例子：

<style>
.button {
font-size: 16px;
color: #fff;
background-color: #4caf50;
border: none;
border-radius: 4px;
padding: 8px 16px;
margin: 0 8px;
}
</style>
<div style="display: flex;">
<button class="button">按鈕1</button>
<button class="button">按鈕2</button>
<button class="button">按鈕3</button>
</div>

在上面的代碼中，我們定義了一個名為button的CSS類，用來定義按鈕的樣式，其中包括字體大小、顏色、背景色、邊框、內邊距和外邊距等屬性。然后在按鈕元素中引用該類即可應用這些樣式。

總結一下，使用CSS實現按鈕水平對齊很簡單，只需要將按鈕放置在同一個容器中，設置該容器的display屬性為flex即可。如果需要對按鈕的樣式進行定制，可以使用CSS類來實現。