Question

我一直在帮朋友改变他的网站布局（主要是css更改），此刻我只是稍微调整一下并遇到问题。首先，这里是the site.的示例。问题是帖子的标题，我希望在顶部和底部填充更少，以便背景不高于您悬停时的文本在他们。我试过改变边距和填充，几乎尝试了一切。增加填充工作正常，但我似乎无法让它比目前更少。我知道它应该有效，因为它是在另一个网站的标题之后建模的。谁能看出问题出在哪里？感谢

Answer 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

我知道它应该有用，因为它是在标题之后建模的另一个网站。

如果我错过了某些内容，那么查看其他网站会很有帮助。

无法删除填充css

1 个答案: