2

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

4

1 回答 1

3

如果我理解正确，您想更改主帖子标题周围的空白区域。如果是这样，请调整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

我知道它应该可以工作，因为它是以另一个站点的标题为模型的。

如果我错过了什么，看看其他网站会很有帮助。

于 2012-08-10T10:47:48.820 回答