码迷,mamicode.com
首页 > 其他好文 > 详细

line-height 行高

时间:2016-11-16 22:31:13      阅读:345      评论:0      收藏:0      [点我收藏+]

标签:文字   分享   line   bsp   lin   内容   image   ima   包含   

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

技术分享

 

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

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

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

line-height 行高

标签:文字   分享   line   bsp   lin   内容   image   ima   包含   

原文地址:http://www.cnblogs.com/jgwz/p/6071642.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!