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

这篇文章源于同事问了我两个问题: (1)为何height和line-height设置相同的值可以使得单行文字垂直居中? (2)如何实现多行文字水平垂直居中效果? 通过学习,大体造成了本身的思路,也顺利解决了同事的疑惑,以为有必要写篇文章记录,一来是给本身作备忘,二来是给刚好有此疑惑的同行一个解决问题的思路,鉴于本人水平有限,文中不当之处欢迎批评指教. (一)从文字和图片的间隙提及: 代码以下: <

>>阅读原文<<