在網頁設計中，文本框是一個常用的元素。想要讓文本框在頁面中居中顯示，我們可以使用CSS來實現。下面就來介紹一下如何用CSS讓文本框在中間顯示。

.container {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
}
.text-box {
width: 60%;
padding: 20px;
border: 1px solid #ccc;
text-align: center;
}

首先，我們需要為頁面的容器添加樣式，讓它始終鋪滿整個頁面，并且垂直居中文本框。這里我們使用了彈性布局，即設置display為flex，并設置justify-content和align-items屬性為center。同時還需要給容器設置一個固定高度，這樣在頁面大小改變時，文本框也始終能夠居中顯示。

接著，我們創建文本框的樣式。設置文本框的寬度為60%，這樣可以讓它在屏幕上顯示為一個合適的大小，同時不至于過大。為文本框添加一些內邊距，使其更加美觀。邊框的顏色設置為灰色，這樣能夠讓文本框更加醒目。

最后，將文本框添加到容器中即可。如此，文本框就可以在頁面中間顯示了。