3回答

• 

  假蛙工程师

  2024-05-09 14:02:04

  这个问题问得非常好，其实，老师讲得有问题，基线的位置是不会动的。它的过程是这样的：行高开始比内容区域高，此时行间距大于0，随着行间距不断减少，减少到0，行高和内容区域一样高，这个时候还有空隙，这个空隙是什么呢？这个空隙是descender，就是基线到底线之间的距离。我们让行间距继续减少为负数，该负数的值正好等于descender，

  此时，行框盒子底部上移，行框盒子底部和文字基线重合，descender部分溢出行框盒子

  0 0
• 

  深山小童

  2018-04-29 13:10:24

  可以再看一下头2节理解下内容区、基线、行间距

  行高减小，会先减少行间距，当行间距减小到0时，就只剩内容区（内容区有顶线、中线、基线和底线4条，类似英文簿那4条线），这时候继续减小行高，会压扁内容区（本章后面那个例子中文字白色背景部分），基线也就会往中间压缩，最后内容区成一条线消失。由于基线偏下，所以说是上移。

  0 0
• 

  ezreal123

  2017-01-12 23:40:48

  line-height定义了该元素中基线之间的最小距离而不是最大距离。

  行高=0，基线之间距离=0，基线上移了，基线到bottom距离=0，所以没有空白了。

  这是我的理解，不知道对不对。

  0 0