CSS中輸入框居中對齊是頁面布局中常見的需求，在使用多種方式后，我們總結出以下的方法。

.input{
width: 200px;
height: 30px;
margin: 0 auto;
display: block;
}

通過以上的CSS代碼，可以使輸入框居中對齊。需要注意的是，通過設置輸入框的寬度和高度，設置margin為0 auto，以及將display設置為block，可以實現水平居中對齊。

另外，還可以使用flex布局來實現輸入框的居中對齊。

.input-wrapper{
display: flex;
align-items: center;
justify-content: center;
}
.input{
width: 200px;
height: 30px;
}

通過以上的CSS代碼，可以使輸入框在一個父容器中垂直居中對齊。需要注意的是，設置父容器的display為flex，align-items為center，justify-content為center，可以使輸入框在父容器中居中對齊。

總結來說，通過以上兩種方式，可以實現輸入框在頁面布局中的居中對齊，可以根據具體的布局需要選擇不同的方法。