CSS中的line-height行高属性学习教程

基本概念
1.行高、行距
行高是指文本行基线间的垂直距离。那什么是基线呢？记不记得vertical-align属性有个baseline值，这个baseline就是基线。看张“盗图”（选自下面的参考文章），其实我也修改了一下啦~

注意：倒数第二根是基线哦，最下面那根是底线，不是基线。
图中两条红线之间的距离就是行高（line-height），上一行的底线和下一行的顶线之间的距离就是行距，而同一行顶线和底线之间的距离是font-size的大小，行距的一半是半行距，半行距、font-size、line-height之间的关系看图片的右下角就一目了然了~

发表评论 共有条评论 用户名: 密码: 验证码: 匿名发表