文本垂直居中對齊是網頁設計中一個重要的問題，尤其在移動端的屏幕上更加明顯。

在CSS中，我們可以利用display:flex和align-items:center屬性來實現文本的垂直居中對齊。

.container{
display:flex;
align-items:center;
}
.text{
font-size:20px;
}

以上樣式代碼中，我們首先創建一個容器class為container，將其display屬性設置為flex，即可讓它的子元素參照flex布局進行排列。而align-items:center屬性則用來將container元素內部的內容垂直居中對齊。

需要注意的是，在使用display:flex屬性時，容器的高度會默認被撐開，所以可以在.text元素中，將font-size屬性設置為比較小的數值，來達到垂直居中不撐開容器的目的。

總的來說，使用display:flex和align-items:center屬性，可以很方便地實現文本的垂直居中對齊，是開發者在網頁設計中必備的技巧之一。