内联元素的高度由行高决定?

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

刘岩石

2015-12-15 22:27

这里我有一个地方不明白,就是老师说 `内联元素的高度是由行高决定的`, 这里的`.test1`和`.test2`是写在两个`<p>`标签中的吗? 疑问是`font-size`和`line-height`有什么关系吗?此外`.test1`的演示效果更像是在表明`内容区的高度`由 `line-height`来决定,这样就会有疑问,在写代码的时候,怎么考虑`文字的高度`不超出`图片中包围文字的灰色区域`呢? 图片中的灰色区域是指的什么呢



http://img.mukewang.com/567022180001edd008080383.jpg

写回答 关注

2回答

  • echo_kinchao
    2015-12-16 11:49:57

    内联元素的高度你可以想想小时候写英文的本子的一行一行  就是根据那个行的高度来撑开内联的高度

  • 迷途的马尔斯
    2015-12-15 22:48:47
    1. fone-size就是字的大小,而line-height就是底纹,即所谓的灰色背景的高

    2. 文字不超过灰色区域的话,font-size不要大于line-height

CSS深入理解之line-height

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

43086 学习 · 64 问题

查看课程

相似问题