文本框上下對齊是網頁設計中十分重要的一部分，而CSS是實現此效果的關鍵。

CSS提供了多種方法來設置文本框的上下對齊方式。其中，常見的方式有垂直居中、頂部對齊、底部對齊等。

首先，要實現文本框居中對齊，可以使用以下代碼：

.container {
display: flex;
justify-content: center;
align-items: center;
}

該代碼將會創建一個名為“container”的容器，并且居中對齊容器內所有的文本框。

如果想要讓文本框距離容器頂部有一個固定的間距，則可以使用以下代碼：

.container {
position: relative;
padding-top: 50px;
}
.text-box {
position: absolute;
top: 0;
}

這段代碼會使得容器與文本框之間有50px的空白距離。同時，文本框會采用絕對定位的方式與容器連接，并且位于容器的頂部。

如果想要將文本框固定在容器底部，則可以使用以下代碼：

.container {
display: flex;
flex-direction: column;
justify-content: flex-end;
height: 500px;
}
.text-box {
align-self: flex-end;
}

上述代碼會創建一個名為“container”的容器，并使其下方有500px的空間。它還將設置文本框相對容器的底部對齊，并使其處于自適應高度的容器內。

總之，在CSS中實現文本框上下對齊是不難的。只要使用合適的CSS屬性和值，就可以輕松地將文本框在網頁中定位得剛剛好，達到視覺美感和功能完善的效果。