CSS按鈕是網頁設計中經常使用的一個元素，但是在實際應用中，按鈕的位置經常會出現不居中的情況，接下來我們來看下如何讓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;
}

總結：

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