本篇博客共記錄了兩種文字在div中垂直水平居中的方法。
兩種文字爲：有p標籤包裹，沒有p標籤包裹；原始HTML代碼，及其在瀏覽器中的效果如下圖：
注：p標籤上下margin被瀏覽器加了16px，
1.垂直居中
爲文字的父元素設置 line-height 屬性，值爲父元素的高度。
line-height的詳細介紹請參考：w3school_line-height，代碼及效果見下圖。
注：由於有<p>標籤包裹的文字，會被瀏覽器加上16px像素的上下外邊距，故將<p>標籤 的margin 設置爲 0。
而沒有<p>標籤包裹的文字，則不用再把margin設置爲0。
2.水平居中
爲文字的父元素設置 text-align: center; 樣式。
該屬性的詳細介紹請參考：w3school_text-align。代碼及效果見下圖：
本篇博客到此介紹，有不明白的在評論區留言，博主長期在線。
如果本篇博客解決了你的問題，幫忙點個讚唄 (◕ˇ∀ˇ◕）