CSS是網頁開發中必不可少的一部分，它可以幫助我們美化頁面并使得用戶體驗更好。對于button按鈕，我們經常需要將其居中以更好地融入頁面中。以下是如何使用CSS實現button居中的方法：

/* 將button的display屬性設置為block，使其變成塊級元素 */
button {
display: block;
/* 此處可以設置button的寬度、高度、邊框等樣式 */
}
/* 將button父元素的text-align屬性設置為center，即可將其中的button居中 */
.button-wrapper {
text-align: center;
}

在上方的代碼中，我們首先將button的display屬性設置為block，這樣可以使得button成為一個塊級元素。這是因為塊級元素可以設置寬度、高度，且默認情況下會以整行的方式排布在網頁上，方便我們對其進行樣式的調整。接著我們將button父元素的text-align屬性設置為center，這樣便可以將其中的button居中對齊。

此外，還可以借助flex布局實現button居中：

.button-wrapper {
display: flex;
justify-content: center;
/* 此處還可以設置align-items屬性來使得button在縱向上居中 */
}

在上方的代碼中，我們將button父元素的display屬性設置為flex，這樣可以使用flex布局。接著我們設置justify-content屬性為center，這樣就可以將其中的button在水平方向上居中對齊。如果需要在垂直方向上也進行居中，則可以再設置align-items屬性。