CSS 使用line-height实现单行文字垂直居中的原理 图解

首先，line-height为行高。height为高度。单行文本垂直居中写起来很简单，但是如果要深入理解其原理还是得花些时间的。 有一个公式必须知道 line-height=上距离+内容高度+下距离。 当 line-hieght 等于 height，内容垂直居中 当 line-hieght 大于 height，内容向下移动 当 line-hieght 小于 height，内容向上移动 下面举个例子

>>阅读原文<<