操作方法

• 01

  先寫上html代碼，如圖，內容很簡單，就是一個p里有一段文本。

  
• 02

  再寫上p對應的樣式，如圖，這里只設置了p的邊框和高度，寬度。

  
• 03

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

  
• 04

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

  
• 05

  添加完這幾個樣式后，刷新頁面可以看到現在的文本已經可水平居中和垂直居中了。