CSS文字垂直居中

操作方法

先寫上html程式碼，如圖，內容很簡單，就是一個div裡有一段文字。

再寫上div對應的樣式，如圖，這裡只設定了div的邊框和高度，寬度。

如果這裡顯示的話，我們看下頁面，文字是不會水平居中和垂直居中的。

要讓文字水平居中，我們可以新增樣式：text-align: center;
要讓文字垂直居中，我們可以新增樣式： vertical-align: middle;和display: table-cell;

新增完這幾個樣式後，重新整理頁面可以看到現在的文字已經可水平居中和垂直居中了。