line-height和vertical-align實現多行文字水平垂直居中效果

這篇文章源於同事問了我兩個問題: (1)爲何height和line-height設置相同的值可以使得單行文字垂直居中? (2)如何實現多行文字水平垂直居中效果? 通過學習,大體造成了本身的思路,也順利解決了同事的疑惑,以爲有必要寫篇文章記錄,一來是給本身作備忘,二來是給剛好有此疑惑的同行一個解決問題的思路,鑑於本人水平有限,文中不當之處歡迎批評指教. (一)從文字和圖片的間隙提及: 代碼以下: <

>>阅读原文<<