CSS：根据文本调整容器的高度

Question

不确定问题的标题。我有一个span标签，它有某种方式填充顶部（试图在下面的截图中用黑色箭头突出显示），我不知道如何删除它。我试过line-height:100%，但它也有一些填充顶部。虽然底部边框非常好。

span {
    background-color: red;
    color: yellow;
    border: 1px solid blue;
    font-size: 58px;
}

your previous question

感谢。

Answer 1

文本上方的额外空格可以通过属性line-height删除。

line-height: 0.5em;

请参阅此fiddle

以下是摘录。

＆＃13;

＆＃13;

span {
  background-color: red;
  color: yellow;
  border: 1px solid blue;
  font-size: 58px;
  line-height: 0.5em;
}

＆＃13;

<span>Fylgpm</span>

＆＃13;

＆＃13;

＆＃13;