line-height 行高

Posted 剑阁王者

tags:

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

line-height 行高指一行文字的高度,具体来说是指两行文子间基线间的距离      line-height 与 font-size 的计算值之差(行距)分为两半,分别加到一个文本行内容的顶部和底部。可以包含这些内容的最小框就是行框。

 

行高是指上下文本行的基线间的垂直距离,即图中两条红线间垂直距离。

行距是指一行底线到下一行顶线的垂直距离,即第一行粉线和第二行绿线间的垂直距离。

半行距是行距的一半,即区域3垂直距离/2,区域1,2,3,4的距离之和为行高,而区域1,2,4距离之和为字体size,所以半行距也可以这么算:(行高-字体size)/2

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

line-height 行高

css行高line-height的用法(转)

line-height 和 vertical-align 行高与行对齐精解 (图文)转文

32 行高 1 line-height 行高 2 在font中也可以指定行高,如果不指定则按默认的值

关于line-height 行高的一些理解和技巧

对于行高(line-height)的一些理解