CSS如何把按鈕居中？這是一道經典的前端問題。今天我們來看看幾種實現方法。

button {
display: block;
margin: auto;
}

這是一種很基礎的做法。我們通過給按鈕添加display: block;屬性，使其變為塊級元素，同時使用margin: auto;屬性進行水平居中。

button {
display: flex;
justify-content: center;
align-items: center;
}

這是一種比較新的方法，利用CSS3的flex布局實現。通過給容器添加display: flex;屬性，同時使用justify-content: center;和align-items: center;屬性進行水平和垂直居中。

button {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}

這是一種利用絕對定位和transform屬性實現的方法。我們通過給按鈕添加position: absolute;屬性，同時使用left: 50%;和top: 50%;屬性將其定位到頁面的中心位置，然后使用transform: translate(-50%, -50%);屬性將按鈕移動回來，實現居中效果。

以上是三種實現按鈕居中的方法，每種方法都有其優缺點，可以根據具體場景進行選擇。