css中的行高是否适用于单行文本？

Question

这是我标题的CSS样式

  

H2 {   background：url（h2_trigger_a.gif）no-repeat;   身高：46px;   行高：46px;   }

现在，当我在其中键入一些单词时，假设该单词不在图像中，因为行高与文本的高度相同，但它仍在其中，为什么？

Answer 1

要回答您的问题，是的，line-height适用于单行文字。给定某个line-height，浏览器将尝试在该行高的中间呈现文本。因此，如果元素的height为46px且line-height为46px，并假设font-size为30px，则会{ {1}}在文字的上方和下方打开。

因此(46-30)/2 = 8px属性仅与一行文本一起使用时，可以通过将文本设置为与line-height相同的值来使文本垂直居中。

Answer 2

只需使用：padding-top: 46px，请注意行高不会添加到height read more

编辑：当我说它不会被添加时，我的意思是它不能被理解为： Final height = height + line-height

Answer 3

尝试使用margin-top：-46px;。这肯定会奏效。