按鈕是Web開發和設計中經常使用的元素，而讓按鈕居中是一種很重要的技術。在CSS中，有許多方法可用于在頁面上使按鈕水平和垂直居中。以下是一些常用的技術。

1. 使用text-align屬性

button {
text-align: center;
}

這將使按鈕相對于包含它的容器水平居中。

2. 使用display: flex屬性

.container {
display: flex;
justify-content: center;
align-items: center;
}
button {
margin: auto;
}

這將在容器中創建一個彈性盒子，使按鈕水平和垂直居中。對于按鈕，使用margin: auto;將水平居中按鈕。

3. 使用絕對定位

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

這將在容器中創建一個絕對定位的按鈕。使用top和left屬性使按鈕居中，并將transform屬性用于垂直和水平居中按鈕。

綜上所述，這些方法可以幫助開發人員和設計人員將按鈕水平和垂直居中。根據具體需要，可選擇最合適的方法來實現這一目標。