CSS 的居中對于網頁設計來說是非常重要的，今天我們將會講解如何將兩個按鈕居中。使用 CSS 實現居中非常簡單，可以通過多種方式實現，其中最常用的方式是通過 flex 布局和 margin 屬性。

.btn-container {
display: flex;
justify-content: center;
}
.btn {
margin-right: 10px; /* 增加間距 */
}

上面的代碼中，我們定義了一個名為btn-container的容器，將其 display 屬性設置為 flex，這樣按鈕就會自動垂直居中并水平居中。而在按鈕上，我們為它們設置了一個margin-right屬性，以增加它們之間的間距。

.btn-container {
text-align: center;
}
.btn {
display: inline-block; /* 將按鈕設置為塊級元素 */
margin: 0 10px; /* 增加間距 */
}

除了使用 flex 布局，我們還可以使用 text-align 屬性和 inline-block 元素將按鈕居中。我們可以在 btn-container 上設置 text-align 屬性為 center，而在按鈕上設置 display 屬性為 inline-block，這樣它們就能夠水平對齊居中了。

通過以上兩種方式我們就能夠輕松的將兩個按鈕居中了。選擇哪種方式取決于你的代碼風格以及實現的場景。希望這篇文章能夠對您有所幫助。