-1

嗨，我用 CSS 和 HTML 制作了一个简单的导航栏。我需要它完全水平唯一的问题是如果你放大它开始四处移动。请参见下面的示例。只是想知道如何阻止这种情况。另外，我如何将文本放在框的中间？正如你所看到的，它在靠近顶部的中间位置上方一点。谢谢您的帮助

这是示例 http://jsfiddle.net/NfHFH/

CSS：

ul {
    list-style-type:none;
    margin:0;
    padding:0;
    overflow:hidden;
}
li {
    float:left;
}
a:link, a:visited {
    display:block;
    width:155px;
    height: 60px;
    font-weight:bold;
    color:#FFFFFF;
    background-color:#98bf21;
    text-align:center;
    padding:4px;
    text-decoration:none;
    text-transform:uppercase;
}
a:hover, a:active {
    background-color:#7A991A;
}

谢谢您的帮助

4

2 回答 2

1

<ul>如果您不希望它环绕，您需要设置它的宽度。

ul
{
    width:820px;
}

要使文本居中，设置line-height为与height

a:link,a:visited
{
    line-height: 60px;
}

jsFiddle

于 2013-04-03T01:19:50.760 回答
0

或者设置一个有宽度的容器。

.wrapper {
 width:800px   

}

http://jsfiddle.net/h4CHr/

于 2013-04-03T01:22:05.390 回答