CSS代碼實現(xiàn)按鈕文字居中

在CSS中，我們可以使用多種方法來實現(xiàn)按鈕文字居中的效果，以下是一種簡單的方法，使用flexbox布局來實現(xiàn)：

1、我們需要創(chuàng)建一個包含按鈕的HTML結(jié)構(gòu)。

<div class="button-container">
    <button class="button">按鈕文字</button>
</div>

2、在CSS中，我們可以使用flexbox布局來使按鈕文字居中：

.button-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px; /* 可以根據(jù)需要調(diào)整按鈕高度 */
}
.button {
    /* 可以根據(jù)需要添加其他樣式 */
}

在這個例子中，我們給.button-container添加了display: flex;屬性，使其成為一個flex容器，我們使用justify-content: center;和align-items: center;屬性來使按鈕文字在水平和垂直方向上居中，我們還可以給.button添加其他樣式，如顏色、邊框等。

需要注意的是，這種方法只適用于現(xiàn)代瀏覽器，因為flexbox布局是CSS3中的新特性，如果你需要支持較老的瀏覽器，可能需要使用其他方法來實現(xiàn)按鈕文字居中的效果。