2012-08-10 123 views
2

我一直在帮朋友改变他的网站布局(主要是css的变化),此刻我只是微调了一下,并遇到了问题。首先,这里是the site.的示例问题是帖子的标题,我希望在上面和下面填充较少,这样背景不会高于文本,当您将鼠标悬停在它们上面时。我尝试过更改边距和填充,几乎尝试了一切。增加填充工作正常,但我似乎无法得到它比现在更少。我知道它应该工作,因为它是在另一个站点中的标题之后建模的。任何人都可以看到问题出在哪里?谢谢cant删除填充css

+0

是否支持chrome控制台?您可以检查适用于任何一个元素的所有CSS规则。 – starbeamrainbowlabs 2012-08-10 11:39:55

回答

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

我知道它应该工作,因为它在 另一个网站的标题为蓝本。

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

+0

这是网站:http://www.wastechester.com/blog/music/(可能包含一些不适当的材料)我再看看它,并意识到他们还没有完全设法删除间距,但他们有很少比我做的间距。那有什么可以做的,他们的标题只包含大写字母? – jrl589 2012-08-10 11:39:47

+0

它看起来像文字转换的组合,但更重要的是,字体。当我将字体更改为Arial时,大部分间距都会消失。 – 2012-08-10 11:59:10