在網頁制作中，經常使用CSS樣式來設置文字的排布方式，常見的就是文字的垂直居中。

CSS中提供了多種方法來實現文字垂直居中，以下我們將介紹其中兩種。

/* 方法一：使用line-height屬性 */
.box{
width: 200px;
height: 200px;
line-height: 200px;
text-align: center;
}
.box p{
display: inline-block;
vertical-align: middle;
}

上述代碼中，我們使用了line-height屬性來設置文字的行高，使其與盒子的高度一致，從而實現垂直居中。同時通過display: inline-block和vertical-align: middle來設置p標簽的顯示方式和垂直對齊方式。

/* 方法二：使用Flex布局 */
.box{
display: flex;
justify-content: center;
align-items: center;
}
.box p{
text-align: center;
}

以上代碼中，我們使用了Flex布局來實現文字的垂直居中。通過display: flex來設置Flex布局，使用justify-content: center和align-items: center來分別設置水平和垂直居中。同時，我們也通過text-align: center來設置p標簽中文字的水平居中。

以上兩種方法均可以實現文字的垂直居中，具體應用時，可根據實際情況選擇合適的方法。