當你設計網站時，你可能會遇到需要將輸入框（input）的值居中的情況。幸運的是，使用CSS可以輕松實現這一目標。

input {
text-align: center; /* 將文本居中 */
}

上面的CSS代碼將所有輸入框中的文本居中對齊。如果你只需要將特定輸入框中的文本居中對齊，可以為其添加一個單獨的class，然后在CSS中對其使用相同的屬性。

.center {
text-align: center; /* 將文本居中 */
}

然后在相應的HTML元素上添加class="center"即可：

<input type="text" class="center">

如果你想將輸入框本身居中，而不是其文本，則可以使用以下CSS代碼：

input {
display: block; /* 將輸入框設置為塊元素，以便使用auto margin居中 */
margin: auto; /* 使用auto margin水平和垂直居中 */
}

使用此代碼，輸入框將水平和垂直居中于其父元素。如果你只需要水平居中，則可以使用以下代碼：

input {
display: block; /* 將輸入框設置為塊元素，以便使用auto margin水平居中 */
margin: 0 auto; /* 使用0 top/right/bottom和auto margin水平居中 */
}

在結束前需要注意的是：以上CSS代碼應當按照優先級的高低排序羅列在CSS文件中。這意味著you可以在CSS代碼的末尾添加一個!important來確保其優先級最高。