CSS按鈕是網頁設計中不可或缺的元素，可以為網頁增加美感和互動性。但是，當我們在設計時，如何實現按鈕的居中排列呢？ 其實，實現按鈕的居中排列非常簡單，以下是一些應該掌握的技巧： 1. 使用文本居中 可以使用文本的text-align屬性將按鈕的文本居中。例如：

.btn {
text-align: center;
}

2. 使用定位 使用定位讓按鈕位于其容器的中心。例如：

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

3. 使用Flexbox 使用Flexbox讓按鈕在容器中心。例如：

.btn-container {
display: flex;
justify-content: center;
align-items: center;
}
.btn {
/* 添加按鈕樣式 */
}

現在，你已經掌握了按鈕的居中排列技巧，可以靈活運用在網頁設計中，打造更美的界面。