導航欄中的中心文本

我無法將我的導航欄中的文本對齊到其容器中心（垂直）。導航欄中的中心文本

HTML的導航欄：

<ul class="navigation"> 
      <li class="navbar"><a href="index.html" class="navbarlink" >Home</a></li> 
      <li class="navbar"><a href="second.html" class="navbarlink">About</a></li> 
      <li class="navbar"><a href="index.html" class="navbarlink">Portfolio</a></li> 
      <li class="navbar"><a href="index.html" class="navbarlink">Contact</a></li> 
     </ul>

CSS的導航欄：

.navigation { 
background:#1841c8 url(Navigation/Navigation/nav_background.png); 
height:40px; 
margin-bottom:0px; 
display:block; 
} 

.navigation .navbar .navbarlink{ 
color:#FFFFFF; 
background:gray; 
display:block; 
} 

.navigation .navbar .navbarlink:hover{ 
color:#00CCFF; 
background: url(Navigation/Navigation/nav_hover.png); 
text-decoration:none; 
    }

誰能告訴我，我缺少我的CSS哪個屬性？

來源

2012-07-18 Jonas Pedersen

http://stackoverflow.com/questions/1101827/how-to-vertical-align-a-text – Cthulhu 2012-07-18 15:47:15

你可能想刪除高度： 40像素的導航。 – 2012-07-18 15:47:56

Cthulu我會檢查出來。 @Billy護城河40px的導航是爲了適合我的背景。 – 2012-07-18 15:50:14

嘗試取出margin-bottom:0上的.navigation，而是把margin:50% 0 50% 0;

來源

2012-07-18 15:58:58 imakeitpretty

導航欄中的中心文本

回答

相關問題