CSS是網(wǎng)頁開發(fā)中必不可少的一部分，它可以幫助我們美化頁面并使得用戶體驗(yàn)更好。對于button按鈕，我們經(jīng)常需要將其居中以更好地融入頁面中。以下是如何使用CSS實(shí)現(xiàn)button居中的方法：

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

在上方的代碼中，我們首先將button的display屬性設(shè)置為block，這樣可以使得button成為一個塊級元素。這是因?yàn)閴K級元素可以設(shè)置寬度、高度，且默認(rèn)情況下會以整行的方式排布在網(wǎng)頁上，方便我們對其進(jìn)行樣式的調(diào)整。接著我們將button父元素的text-align屬性設(shè)置為center，這樣便可以將其中的button居中對齊。

此外，還可以借助flex布局實(shí)現(xiàn)button居中：

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

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