css中输入框居中对齐 |css让li左对齐

.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，可以使输入框在父容器中居中对齐。

总结来说，通过以上两种方式，可以实现输入框在页面布局中的居中对齐，可以根据具体的布局需要选择不同的方法。