CSS是我們網頁設計中不可或缺的一個部分，它可以讓我們為按鈕等元素進行美化，同時還可以實現很多有趣的效果。但是，有時候我們遇到了一個問題：按鈕上的文字無法居中。那么，如何使用CSS讓按鈕上的文字居中呢？

button {
display: flex;
justify-content: center;
align-items: center;
text-align:center;
font-size: 18px;
font-weight: bold;
width: 150px;
height: 40px;
background-color: #0077FF;
border: none;
color: #FFF;
cursor: pointer;
}

首先，我們需要為按鈕添加一些CSS屬性。我們可以使用flex布局來使按鈕中的文字居中。我們給按鈕添加display:flex屬性之后，再設置justify-content:center和align-items:center屬性，就可以讓按鈕中的文字水平和垂直居中了。那么，我們還需要注意什么嗎？

當我們使用文本居中時，可以通過text-align:center來實現。此外，還可以設置字體大小和字體粗細等屬性，以及按鈕的寬度和高度等其他屬性。

最后，我們還需要為按鈕設置一些基本樣式，如背景顏色、邊框等等。當然，我們也可以根據需要添加其他的樣式屬性。

總之，使用CSS讓按鈕上的文字居中并不難，只需要一些基本的CSS知識即可輕松實現。希望這篇文章能夠幫助到你！