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 和 vertical-align 行高与行对齐精解 (图文)转文