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 中缺少哪个属性？

4

1 回答 1

0

尝试删除margin-bottom:0on .navigation 并改为放置margin:50% 0 50% 0;

于 2012-07-18T15:58:58.617 回答