导航栏中的中心文本

我无法将我的导航栏中的文本对齐到其容器中心（垂直）。导航栏中的中心文本

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

导航栏中的中心文本

回答

相关问题