无法删除填充css答案

【问题标题】：cant remove padding css无法删除填充css
【发布时间】：2012-08-07 15:47:24
【问题描述】：

我一直在帮助一位朋友更改他网站的布局（主要是 CSS 更改），目前我只是对其进行了微调，但遇到了问题。首先，这是the site. 的示例，问题是帖子的标题，我希望顶部和底部的填充更少，这样当您将鼠标悬停在它们上时背景不会比文本高.我试过改变边距和填充，几乎尝试了一切。增加填充效果很好，但我似乎无法得到它比现在少。我知道它应该可以工作，因为它是以另一个站点的标题为模型的。谁能看出问题出在哪里？谢谢

【问题讨论】：

chrome 控制台有帮助吗？您可以检查适用于任何一个元素的所有 css 规则。

标签： css padding

【解决方案1】：

如果我的理解正确，您想更改主帖子标题周围的空白区域。如果有，调整line-height：

#content .post .title h3 a {
    text-align: left;
    -webkit-transition: color 0.25s linear;
    font-size: 36px;
    letter-spacing: -1px;
    font-weight: 750;
    line-height: 50px; /* Change this */
    color: #444444;
    text-decoration: none;
    padding:0px 0px;
}

line-height（过度）减少的示例：http://jsfiddle.net/AH9VP/3/

另见：http://www.w3.org/wiki/CSS/Properties/line-height

然而...请注意，尽管更改了line-height（这肯定会减少间距），但当您将鼠标悬停在文本上时，浏览器对框的限制似乎是有限的.这是（我认为）因为浏览器允许顶部/底部的字形空间（如“通常”中“y”的尾部）。

这个话题有点相关：https://stackoverflow.com/a/11857786/453277

我知道它应该可以工作，因为它是根据另一个网站。

看看其他网站会很有帮助，以防我遗漏了什么。

【讨论】：

这里是网站：wastechester.com/blog/music（可能包含一些不适当的材料）我又看了一遍，意识到他们还没有完全消除间距，但它们的间距比我少得多.这可能与他们的标题只包含大写字母有关吗？
它看起来像是文本转换的组合，但更重要的是，字体。当我将字体更改为 Arial 时，大部分间距都会消失。