今天我們來講一下如何在 CSS 中讓按鈕字體居中顯示。按鈕是網頁中非常常見的元素之一，讓按鈕的文字居中可以讓頁面變得更加美觀和規整。 要讓按鈕的文字居中，我們需要使用 CSS 的 text-align 屬性，將其設置為 center 即可。下面是一段示例代碼：

button {
text-align: center;
}

上面的代碼會讓所有按鈕中的文字居中顯示。如果你只想讓某個特定按鈕的文字居中，可以給該按鈕添加一個唯一的 class，然后在 CSS 中通過該 class 來設置樣式。

button.center {
text-align: center;
}

使用這段代碼，只有 class 為 center 的按鈕上的文字會居中顯示。此外，還可以使用 padding 屬性來調整按鈕文字和按鈕邊界之間的距離，使按鈕看起來更加和諧：

button {
text-align: center;
padding: 10px 20px;
}

上面的代碼會讓按鈕文字在水平和垂直方向上分別與按鈕邊界保持 10px 和 20px 的距離。你可以自行調整這兩個值，以使按鈕看起來更符合你的設計需求。 總之，在 CSS 中讓按鈕文字居中顯示并不是很難，只需要設置一下 text-align 屬性即可。如果你想讓按鈕看起來更加協調，還可以使用 padding 屬性再加以調整。希望這篇文章能夠幫助你更好地應用 CSS 到按鈕中。