CSS填充導航

好吧，所以我正在嘗試爲我正在創建的網站創建標題，但我在填充頂級導航的某些鏈接時遇到了一些麻煩。CSS填充導航

基本上發生了什麼是，如果我有一個長鏈接名稱，它與另一個鏈接重疊。我認爲這是與寬度有關，但我不知道如何解決它。我也不想爲鏈接創建固定寬度，因爲我希望將鏈接中的每個文本放在距前一個60px的位置。

HTML：

<nav id="top_navigation"> 
    <a href="#">Home</a> 
    <a href="#">Example1</a> 
    <a href="#">Longtextjustbecause</a> 
    <a href="#">Testpage3thingy</a> 
</nav>

CSS：

#top_navigation a { 
display: inline-block; 
height: 60px; 
color: #3b3b3b; 
font-family: Hero; 
font-size: 26px; 
text-decoration: none; 
line-height: 60px; 
padding: 0px 30px; }

任何幫助非常感謝，謝謝！

來源

2013-07-06 Brendan

你需要提供相關的代碼，這對我來說很好http://jsfiddle.net/PzZ59/ –

這實際上是唯一的代碼，除了HTML標籤。但我認爲它可能實際上是我自己使用的字體.. – Brendan

是的，所以它原來是我出於某種原因使用的字體。它在任何情況下似乎都不喜歡填充。

來源

2013-07-06 05:41:58 Brendan

回答

相關問題