CSS 单行文字垂直居中

单行文字垂直居中的代码

• CSS没有给我们提供文字垂直居中的代码，这里我们可以使用一个小技巧来实现

解决方案:让文字的行高等于盒子的高度 就可以让文字在当前盒子内垂直居中

单行文字垂直居中的原理

• 简单理解：行高的上空隙和下空隙把文字挤到中间了，但是如果行高小于盒子高度，文字会偏上，如果行高大于盒子高度，则文字偏下
• 如下图所示：