html - 如何删除跨度顶部/底部的空白空间？

This question already has answers here:

Remove white space above and below large text in an inline-block element

(9个答案)


已关闭6年。




这是jsfiddle。我想删除文本顶部和底部的空白区域。我尝试使用line-height，但不是我所需要的。我该怎么办？谢谢。

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

最佳答案

这并不理想，但是您可以使用height和line-height来实现:

@import url(http://fonts.googleapis.com/css?family=Roboto:300,400,500,700);
span {
    font-size: 50px;
    font-weight: 600;
    font-family: 'Roboto';

    display: inline-block;
    vertical-align: top;
    height: .75em;
    line-height: .75em;

    background-color: gold;
}

<span>Some Text</span>

关于html - 如何删除跨度顶部/底部的空白空间？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/26440174/