居中對齊文本框是網頁設計中很常見的需求。下面我們介紹如何使用CSS實現對齊文本框。

box-sizing:border-box;
text-align:center;
margin:auto;

首先，我們需要給文本框的盒模型設置為border-box模式，這樣可以讓盒子寬度包括邊框和填充。然后，我們將文本框的文本居中對齊，可以使用text-align:center屬性。最后，將文本框的外邊距設置為auto，這樣可以自動計算并居中文本框。以下是實現代碼：

input {
box-sizing: border-box;
text-align: center;
margin: auto;
}

將上述代碼添加到樣式表中，就可以使文本框居中對齊了。