【前端Talkking】CSS系列——CSS深入理解之line-height

1.写在前面

两个多周的时间没有写文章了，手好痒好痒，趁着公司在装修，从上周末到本周都在家办公，同时公司的项目并不紧急，于是抽着时间梳理了一下CSS中关于行高line-height的理解，今天发布出来，大家准备好了吗？

2.基本概念

2.1行高的定义与图解

行高，顾名思义指的就是一行文字的高度。按照定义来解释，就是两行文字之间基线之间的距离。那么问题来了，什么是基线呢？大家回想下我们刚开始学习汉语拼音的时候，使用四线格本子的四条线，其中倒数第二条线就是基线，如果你说，抱歉，我已经全部还给老师了，没有任何印象。呵呵，别急呢，我已经给大家准备好了，请看下面的这副图，其中，a、c、e、x、z等字母的底边线（倒数第二根线）就是我们说的基线。

了解完基线的定义后，我们接着来聊行高line-height。上面我们说过，行高就是两条基线的之间的距离，如下图所示。

大家是不是已经