CSS中的文本內容垂直居中是一個常見的問題，因為它在創建web頁面時經常會遇到。下面是一些方法可以用來實現文本內容的垂直居中。

//方法一：使用line-height屬性
.parent{
height: 200px;
display: flex;
align-items: center;
}
.child{
line-height: normal;
}
//方法二：使用display: table和display: table-cell結合
.parent{
height: 200px;
display: table;
}
.child{
display: table-cell;
vertical-align: middle;
}
//方法三：使用flexbox
.parent{
height: 200px;
display: flex;
justify-content: center;
align-items: center;
}

以上三種方法都可以實現文本內容的垂直居中。其中，使用line-height屬性的方法最簡單，但是它需要知道父元素的高度，因此不推薦使用。使用display: table和display: table-cell結合的方法是一種老舊的方式，但是它可以兼容舊版瀏覽器。使用flexbox是一種最新的方式，可以實現最佳的文本內容垂直居中效果。