在網頁設計中，按鈕是非常重要的元素之一。如何讓按鈕在頁面中居中呢？下面我們來學習一下使用CSS將按鈕居中的方法。

button {
display: block;
margin: 0 auto;
}

以上代碼只需將按鈕的display屬性設置為block即可，再利用margin屬性將按鈕水平居中。但前提是需要將按鈕放在一個容器中，如一個div。

div {
text-align: center;
}
button {
display: inline-block;
}

如果不想為每個按鈕都設置樣式，可以將樣式作用于它們的容器（如一個div），并使用text-align:center屬性將按鈕居中。

如果想要將按鈕在垂直方向也居中，可以使用兩種方法：

一種是使用相對定位和負邊距：

div {
position: relative;
top: 50%;
}
button {
position: absolute;
top: -25%;
left: 0;
right: 0;
}

這種方法需要將按鈕的容器設置為相對定位，并使用top:50%讓它垂直居中，然后再將按鈕設置為絕對定位，使用top:-25%和left:0;right:0將按鈕居中。這種方法可能會導致部分按鈕超出了容器。

另一種方法是使用flexbox布局：

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

這種方法容器設置為display:flex，使用align-items:center和justify-content:center將容器和其中的所有項目都居中。不過需要注意，flexbox布局的兼容性問題。

以上就是將按鈕居中的幾種方法，根據自己的需求選擇適當的方法即可。