这个问题问得非常好,其实,老师讲得有问题,基线的位置是不会动的。它的过程是这样的:行高开始比内容区域高,此时行间距大于0,随着行间距不断减少,减少到0,行高和内容区域一样高,这个时候还有空隙,这个空隙是什么呢?这个空隙是descender,就是基线到底线之间的距离。我们让行间距继续减少为负数,该负数的值正好等于descender,
此时,行框盒子底部上移,行框盒子底部和文字基线重合,descender部分溢出行框盒子
都有 只要不浮动 都是参与者
line-height为相对单位,font-size间接控制
如果line-height是相对单位,例如line-height:1.6或者line-height:160%之类,也可以使用font-size间接控制,比方说来个狠的,font-size设为大鸡蛋0, 本质上还是改变line-height值.
参见旭哥的博客:http://www.zhangxinxu.com/wordpress/2015/08/css-deep-understand-vertical-align-and-line-height/
同学。行高是定义两行文字基线之间的距离。