gpt4 book ai didi

html - 我想在 css 中将我的导航栏居中

转载 作者:太空宇宙 更新时间:2023-11-03 23:42:45 25 4
gpt4 key购买 nike

几天以来,我一直在为我的网站设计导航栏。但我想将它居中,而 margin auto 不起作用。这是我的 HTML 代码:

<!DOCTYPE html>    
<html>
<head>
<title>Homepage - Trolltime</title>
<link rel="stylesheet" type="text/css" href="default.css">
</head>

<body>
<ul id="nav">
<li><a href="">Home</a></li>
<li><a href="">News</a></li>
<li><a href="">Contact</a></li>
<li><a href="">About</a></li>
<li><a href="">About</a></li>
</ul>
</body>
</html>

这是我的 CSS 代码:

li:hover {font-size:120%}
li:visited{color:black}

ul.nav {
display: inline-block;
list-style-type: none;
}

li{
display:inline;
float:left;
margin:auto;
list-style-type:none;
font-family:Verdana;
display:block;
width:100px;
}
ul { list-style-type:none; }
body { background-color:#33CCFF; }

谢谢。

最佳答案

Working Fiddle

在 html 中你使用了 id,在 css 中你给了 nav 类。请看下面。

ul#nav{
display: block;
list-style-type: none;
margin:0 auto;
width:500px;
}

关于html - 我想在 css 中将我的导航栏居中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22399165/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com