额外的空间与字体更改

我试图让一个模板清理，我有一个额外的像素被添加打破悬停效果和页眉/页脚溢出的问题。额外的空间与字体更改

Template link

正如你可以看到当悬停在任何一个链接，它的转向像素下来。所有stylesheet明智的是在em的允许它响应。如果我保持1em的字体大小，一切正常，但只是将它改为.75em就像我在那里，它打破了一点。

CSS Direct Link

更新：如果不知道它被认为是“哈克”，但我把范围的内的每个链接的容器，这样我可以在不改变链接容器的行高改变字体大小。这似乎工作正常

来源

2012-03-24 Colby

不在Chrome中发生的。 – j08691 2012-03-24 21:19:03

嗯，你说得对。我正在检查FF，但只是看着IE浏览器，它也有问题。 – Colby 2012-03-24 21:22:20

尝试添加或删除行高行高。

例如：

<div style="line-height:30px;">Div content</div>

来源

2012-03-24 21:14:41

另请参阅http://www.w3.org/TR/WCAG20-TECHS/C21.html – dotoree 2012-03-24 21:17:10

是的，我已经尝试了这一点，本身和它的父母。问题是我正在使用行高将容器中的链接垂直居中。 – Colby 2012-03-24 21:21:28

@Colby尝试填充垂直对齐然后。添加顶部底部填充（比如10）并将高度减少两倍（这里是20） – 2012-03-24 21:24:39

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('#header').css('width', $("#header").width()); 
    }); 
</script> 
<li id="header"><a href="#">Header</a><li>

始终保持相同的宽度

来源

2012-03-24 21:27:17

恩：/不知道宽度是问题在这里 – Colby 2012-03-24 21:41:16

额外的空间与字体更改

回答

相关问题