搜索
您的当前位置:首页正文

基线概念——精选推荐

来源:欧得旅游网
基线概念

1、基线、底线、顶线、中线

注意:基线(base line)并不是汉字⽂字的下端沿,⽽是英⽂字母“x”的下端沿。

2、内容区

内容区是指底线和顶线包裹的区域(⾏内元素display:inline可以通过background-color属性显⽰出来),实际中不⼀定看得到,但确实存在。内容区的⼤⼩依据font-size的值和字数进⾏变化。

3、⾏⾼、⾏距

**⾏⾼(line-height):**包括内容区与以内容区为基础对称拓展的空⽩区域,我们称之为⾏⾼。⼀般情况下,也可以认为是相邻⽂本⾏基线间的距离。

**⾏距:**指相邻⽂本⾏间上⼀个⽂本⾏基线和下⼀⽂本⾏顶线之间的距离。当然,我更愿意认为是(上⽂本⾏⾏⾼-内容区⾼度)/2+(下⽂本⾏⾏⾼-内容区⾼度)/2。

4、⾏内框

⾏内框是⼀个浏览器渲染模型中的⼀个概念,⽆法显⽰出来,但是它⼜确实存在,它的⾼度就是⾏⾼指定的⾼度。

因篇幅问题不能全部显示,请点此查看更多更全内容

Top