Html 如何删除跨度顶部/底部的空白?

Html 如何删除跨度顶部/底部的空白?,html,css,Html,Css,这是。我想删除文本顶部和底部的空白。我试着使用线条高度,但这不是我需要的。我怎么能做到?谢谢 span { font-size: 24px; font-weight: 600; font-family: 'Roboto'; } 这并不理想,但是您可以使用高度和线条高度来实现: @导入url(http://fonts.googleapis.com/css?family=Roboto:300,400,500,700); 跨度{ 字体大小:50px; 字号:600; 字体系

这是。我想删除文本顶部和底部的空白。我试着使用线条高度,但这不是我需要的。我怎么能做到?谢谢

span {
    font-size: 24px;
    font-weight: 600;
    font-family: 'Roboto';
}

这并不理想,但是您可以使用
高度
线条高度
来实现:

@导入url(http://fonts.googleapis.com/css?family=Roboto:300,400,500,700);
跨度{
字体大小:50px;
字号:600;
字体系列:“Roboto”;
显示:内联块;
垂直对齐:顶部;
高度:.75em;
线高:.75em;
背景颜色:金色;
}

一些文本
为什么不增加行高?你认为这种方法有什么问题吗?你尝试了什么样的线高度值?使用-margin:0;和填充:0;行高有效,但我认为存在另一种解决方案。@HashemQolami人们发现提问比寻找已经解决的类似问题更容易