在網頁設計中，按鈕被廣泛地應用于頁面的交互和操作。而按鈕中的文字居中對于用戶的使用體驗非常關鍵。在CSS中，可以通過以下方法實現按鈕文字居中： 首先，在HTML中定義按鈕的代碼如下：

按鈕

其中，class="btn"是定義按鈕樣式的類名，我們在CSS中可以設置該類的樣式。接下來是CSS代碼：

.btn {
width: 100px; /* 按鈕寬度 */
height: 30px; /* 按鈕高度 */
text-align: center; /* 文字居中對齊 */
line-height: 30px; /* 行高等于按鈕高度 */
color: #fff; /* 文字顏色 */
background-color: #8bc34a; /* 背景顏色 */
border: none; /* 去除按鈕邊框 */
border-radius: 5px; /* 圓角 */
font-size: 16px; /* 字體大小 */
font-weight: bold; /* 加粗 */
}

其中，text-align: center;是使按鈕文字居中的關鍵代碼。同時，由于按鈕的高度和行高設置相同，所以文字垂直居中也得到了保證。 通過以上代碼，我們可以輕松實現按鈕文字的居中效果。同時，我們可以根據實際需要對按鈕的樣式進行調整，以達到更好的用戶體驗。