額外的空間與字體更改

我試圖讓一個模板清理，我有一個額外的像素被添加打破懸停效果和頁眉/頁腳溢出的問題。額外的空間與字體更改

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

額外的空間與字體更改

回答

相關問題