CSS中的居中困擾了很多前端開發者。其中，按鈕的居中也是一個常見問題。那么，我們該如何實現按鈕的居中呢？下面，我們就來探討一下。 首先，我們需要知道居中是相對于父元素來說的。所以，要使按鈕居中，我們需要先找到它相對的父元素。然后，通過CSS樣式來讓按鈕在其中居中。下面，我們使用一個例子來說明。

在HTML中，我們有一個包含按鈕的div元素：

居中的按鈕

接著，在CSS中，我們定義container類，并設置該類為相對定位（position: relative）。這是因為我們要將按鈕設置為絕對定位，并讓它相對于container居中。

.container {
position: relative;
}

然后，我們設置按鈕的樣式。將其寬度設置為一定的大小（比如100px），高度設置為自適應（height: auto），背景色設置為任意顏色，邊框設置為適當的大小。接著，將按鈕設置為絕對定位（position: absolute），并將其上、下、左、右四個方向都設為0。

button {
width: 100px;
height: auto;
background-color: #00bcd4;
border: none;
border-radius: 5px;
color: #ffffff;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}

最后，我們通過將按鈕的上、下、左、右四個方向的值都設為0，并將margin屬性設為auto，來讓按鈕在container中水平和垂直都居中。

綜上所述，我們可以通過CSS樣式來實現按鈕的居中。這里我們需要注意兩個點，一個是設置按鈕的定位，另一個是通過設置margin讓按鈕居中。