CSS文字垂直居中

在網頁開發中，經常使用css來美化頁面的。你知道用CSS如何讓文字垂直居中嗎？下面來看一下。

操作方式

01
先寫上html代碼，如圖，內容很簡單，就是一個div里有一段文本。
02
再寫上div對應的樣式，如圖，這里只設置了div的邊框和高度，寬度。
03
若是這里顯示的話，我們看下頁面，文本是不會程度居中和垂直居中的。
04
要讓文本程度居中，我們可以添加樣式：text-align: center;
要讓文本垂直居中，我們可以添加樣式： vertical-align: middle;和display: table-cell;
05
添加完這幾個樣式后，刷新頁面可以看到此刻的文本已經可程度居中和垂直居中了。
End