CSS是網(wǎng)頁(yè)設(shè)計(jì)中不可或缺的一部分。它可以讓我們很方便地進(jìn)行樣式設(shè)置，并且讓我們的網(wǎng)頁(yè)看起來(lái)更加美觀。其中，按鈕是很常用的元素之一，但很多人在調(diào)整按鈕樣式時(shí)發(fā)現(xiàn)，無(wú)法把按鈕上的文本居中顯示。本文就來(lái)介紹一下如何實(shí)現(xiàn)按鈕文本居中。

button {
display: inline-block;
padding: 0 20px;
height: 40px;
line-height: 40px;
text-align: center;
}

我們可以看到，在上面的代碼中，我們對(duì)button元素進(jìn)行了一系列樣式設(shè)置，包括display、padding、height、line-height和text-align。其中，text-align屬性就是用來(lái)確定文本在按鈕內(nèi)的水平位置的。

具體來(lái)說(shuō)，我們將text-align設(shè)置為center，表示文本居中對(duì)齊。

另外，我們也需要注意設(shè)置按鈕的高度和行高，來(lái)保證文本在按鈕垂直居中。這里我們?cè)O(shè)置了height和line-height都為40px。

通過(guò)上面的樣式設(shè)置，我們可以很容易地讓按鈕上的文本居中對(duì)齊了。

總結(jié)來(lái)說(shuō)，要讓CSS中的按鈕文本居中，需要設(shè)置text-align為center，并且合理調(diào)整高度和行高等屬性。希望這些小技巧對(duì)您有所幫助！