内联元素的高度是由行高决定的&&高度的表现不是行高 是否矛盾? 为什么line-height是由文本间的基线来计算的,但是单行文本却有line-height

来源:3-1 line-height与内联元素的高度机理

南栩3198465

2016-11-20 14:54

好像存在着矛盾? “内联元素的高度是由行高决定的”后面又说,“高度的表现不是行高” 还有就是, 老师好像并没有从正面回答,“为什么line-height是由文本间的基线来计算的,但是单行文本却有line-height”这个问题 求解?

写回答 关注

2回答

  • qq_我要开始了_03820987
    2016-11-20 15:30:26
    已采纳

    行高是有content area+行间距 决定的 line-height 刚好等于content area+行间距  所以不矛盾


    qq_我要开... 回复南栩3198...

    一起 努力 我在北京培训H5本来感觉简单 可是一做页面全是问号

    2016-11-20 16:30:22

    共 4 条回复 >

  • 南栩3198465
    2016-11-20 15:58:56

    刚才重新看了一遍,也是明白了这个道理。视频中说到“两行的定义已经决定了一行的表现”,也就是说符合计算公式的了。另外一点就是,我觉得"内联元素的高度是由行高决定的"这句话并不妥当。我是这样理解的:

    由于行高是内容区域和行间距的总和,而内容区域和行间距的总和恰好又表现出来了内联盒子

    的高度,所以应该说,内联盒子的高度等于行高,而不能说决定,而行高的表现则是通过内容区域

    和行间距来实现的。(只是说可以设置行高的值来设置高度)


CSS深入理解之line-height

带领大家深入理解line-height的定义,还有实际应用经验分享

43086 学习 · 64 问题

查看课程

相似问题