对文字和行高的理解

来源:互联网 发布:音乐格式转换器mac版 编辑:程序博客网 时间:2024/06/05 16:16

文字与行高

对照上图

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

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

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


浏览器默认

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

     默认的行高大小为18px


行高的单位



技巧:文本的垂直居中

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