在CSS中，我們經常需要把文本垂直居中。這個問題看似簡單，但實際上卻有不同的解決方案。

下面我們來介紹幾種常用的方法。

//方法1: 使用line-height屬性
.box {
height: 200px;
line-height: 200px;
text-align: center;
}
//方法2: 使用display:flex屬性
.box {
height: 200px;
display: flex;
align-items:center; /*垂直居中*/
justify-content:center; /*水平居中*/
}
//方法3: 使用position和transform屬性
.box {
height: 200px;
position:relative;
}
.box p {
position:absolute;
top:50%;
transform: translateY(-50%);
text-align:center;
}

以上三種方法都能實現文本垂直居中的效果，具體使用哪種方法，需要根據實際情況選擇適合的。

另外，我們還可以使用CSS框架，如Bootstrap、Foundation等，這些框架都提供了文本垂直居中的封裝好的類，可以大大減少我們的開發時間。