CSS是一種用于樣式設計的語言，它可以控制HTML文檔的外觀和布局。在Web開發中，文本框是一種非常常見的元素，因此掌握如何通過CSS來控制文本框的垂直居中是非常有用的。

文本框垂直居中的基本思路是，將文本框的行高設置為與容器相等，并將文本的垂直對齊方式設置為居中。這可以通過下面的CSS代碼來實現：

.container {
display: flex;
align-items: center;
justify-content: center;
height: 200px;
}
.input {
line-height: 200px; /* 與容器高度相等 */
vertical-align: middle;
}

上面的代碼分為兩部分，第一部分是容器的樣式設置，它使用了Flexbox布局來使內容居中。display: flex;將容器設置為Flex容器，align-items: center;控制Flex容器的垂直居中，justify-content: center;控制Flex容器的水平居中，height: 200px;設置容器的高度。

第二部分是文本框的樣式設置。line-height: 200px;將文本框的行高和容器高度相等，這樣文本框的垂直居中就實現了。vertical-align: middle;控制文本垂直方向上的對齊方式，這里將其設置為居中。

可以看出，通過CSS來控制文本框垂直居中是非常簡單的，只需要掌握Flexbox布局和一些基本的CSS屬性就可以實現。這個技巧可以幫助你在Web開發中更好地掌控布局和樣式，使你的頁面更加美觀和易用。