在前端開發中，經常需要用到按鈕。而讓按鈕在頁面中居中是一項必備技能。本文將介紹一些常見的 CSS 實現方式。 首先，我們可以使用下面的 CSS 代碼使按鈕水平劇中：

button {
display: block;
margin: 0 auto;
}

上面的代碼使按鈕變成塊級元素（block），并在左右兩側自動添加了外邊距（margin）使按鈕水平居中。 如果我們想要按鈕同時水平和垂直居中，可以使用下面的代碼：

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

上述代碼中，我們將按鈕變成一個 flex 容器，通過 `justify-content` 和 `align-items` 屬性使按鈕在水平和垂直方向上居中。 除此之外，我們還可以使用下面的 CSS 代碼使按鈕相對于父元素居中：

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

上述代碼中，我們使用了絕對定位（position:absolute），并通過 `top`、`left` 屬性將按鈕的左上角放置在其父元素的中心位置。而 `transform` 屬性則用于更精確地將按鈕居中。 綜上所述，我們可以使用多種方式實現按鈕的居中。在實際開發中，應根據實際情況選擇最合適的方式。