对文字和行高的理解

文字与行高

对照上图

    1. 文字大小是顶线与底线之间的距离

    2. 行高大小是基线与基线之间的距离

    3. 行高=文字大小+上下两个间距

---

浏览器默认

     浏览器默认的文字大小为16px，其中chrome浏览器有最小文字限制，最小为12px

     默认的行高大小为18px

---

行高的单位

---

技巧：文本的垂直居中

当文本的父容器设置行高与高度一致、或者父容器不设置高度，只设置行高时，能够使父容器中的文字垂直居中