1、基线、底线、顶线、中线
注意:基线(base line)并不是汉字⽂字的下端沿,⽽是英⽂字母“x”的下端沿。
2、内容区
内容区是指底线和顶线包裹的区域(⾏内元素display:inline可以通过background-color属性显⽰出来),实际中不⼀定看得到,但确实存在。内容区的⼤⼩依据font-size的值和字数进⾏变化。
3、⾏⾼、⾏距
**⾏⾼(line-height):**包括内容区与以内容区为基础对称拓展的空⽩区域,我们称之为⾏⾼。⼀般情况下,也可以认为是相邻⽂本⾏基线间的距离。
**⾏距:**指相邻⽂本⾏间上⼀个⽂本⾏基线和下⼀⽂本⾏顶线之间的距离。当然,我更愿意认为是(上⽂本⾏⾏⾼-内容区⾼度)/2+(下⽂本⾏⾏⾼-内容区⾼度)/2。
4、⾏内框
⾏内框是⼀个浏览器渲染模型中的⼀个概念,⽆法显⽰出来,但是它⼜确实存在,它的⾼度就是⾏⾼指定的⾼度。
因篇幅问题不能全部显示,请点此查看更多更全内容