0
我无法将我的导航栏中的文本对齐到其容器中心(垂直)。导航栏中的中心文本
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哪个属性?
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