如何删除跨度顶部/底部的空白空间？ [复制]答案

【问题标题】：How to remove empty space in top/bottom of span? [duplicate]如何删除跨度顶部/底部的空白空间？ [复制]
【发布时间】：2014-10-18 21:36:54
【问题描述】：

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

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

【问题讨论】：

为什么不是行高？你觉得这种方法有什么问题吗..？
你尝试了哪些行高值？
使用 - 边距：0；和填充：0;
行高有效，但我认为存在另一种解决方案..
@HashemQolami 人们发现提出问题很容易，而不是寻找已经解决的类似问题

标签： html css

【解决方案1】：

这并不理想，但是您可以使用 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;
}

&lt;span&gt;Some Text&lt;/span&gt;

【讨论】：