在網頁設計中，對于文字的排版顯得尤為重要。其中css text-align屬性就是用來控制文本的水平對齊方式。不過，你知道嗎？CSS還可以控制文本的垂直對齊方式。

實現文本垂直對齊方式有幾種方法，下面我們一一介紹：

/* 方法1：使用line-height屬性 */
.demo1 {
height: 200px;
line-height: 200px;
text-align: center;
}
/* 方法2：使用vertical-align屬性 */
.demo2 {
display: inline-block;
height: 200px;
vertical-align: middle;
}

方法1：使用line-height屬性，通過設置line-height的值等于容器的高度，可以實現單行文本在容器中的垂直居中對齊，同時配合text-align屬性可以實現文本的水平居中對齊。但對于多行文本來說，這種方法并不能很好的實現垂直對齊。

方法2：使用vertical-align屬性，這個屬性不僅僅可以用在img標簽中，也可以用在文本中。通過將容器設為inline-block，然后設置vertical-align為middle，即可實現容器中的文本垂直居中對齊。這個方法適用于單行或多行文本。

以上是兩種比較常見的實現文本垂直對齊的方法，但并不是所有情況都適用。在實際應用中，還需要綜合考慮容器大小、文本行數等因素，選擇最適合的方法來實現垂直對齊。