CSS按鈕是網(wǎng)頁(yè)設(shè)計(jì)中經(jīng)常使用的一個(gè)元素，但是在實(shí)際應(yīng)用中，按鈕的位置經(jīng)常會(huì)出現(xiàn)不居中的情況，接下來(lái)我們來(lái)看下如何讓CSS按鈕居中顯示。

按鈕的HTML代碼：
<button class="btn">Click me</button>

1. 使用text-align:center屬性居中：

.btn {
text-align:center;
}

2. 使用display:flex和align-items:center屬性居中：

.btn {
display: flex;
align-items: center;
justify-content: center;
}

3. 使用position:absolute和margin:auto屬性居中：

.btn {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
margin: auto;
}

總結(jié)：

以上三種方式都可以實(shí)現(xiàn)CSS按鈕的居中顯示。推薦使用display:flex和align-items:center屬性居中，這種方式可以非常方便的實(shí)現(xiàn)垂直居中和水平居中同時(shí)實(shí)現(xiàn)。如果需要在特定情況下實(shí)現(xiàn)居中，可以根據(jù)實(shí)際需要選擇適用的方法。