line-height

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了line-height相关的知识,希望对你有一定的参考价值。

line-height:两行文字基线之间的距离

基线:就是英文薄每一行都有四条线,从上到下分别是,顶线、中线、基线、底线(基线不是最下面的一根线),

行高:两行基线的垂直距离

行距:上一行底线到下一行顶线的垂直距离,就是两行文字间的间隙

半行距:半行的距离

内容区:行盒子顶线到底线垂直距离

行框:两行文字半行距分割线的垂直距离

height和line-height

line-height有默认值,不规定行距浏览器会采用默认值,一行文字高度行距决定,height是整个段落的高度,单行文字line-height=height文字居中,当line-height值为百分比值或者em,当前元素行高是相对于父级元素的font-size的值来计算的

以上是关于line-height的主要内容,如果未能解决你的问题,请参考以下文章

line-height与vertical-align:简单的属性不简单