gpt4 book ai didi

HTML 5

转载 作者:行者123 更新时间:2023-11-28 04:34:24 24 4
gpt4 key购买 nike

我只是想将 <nav> 居中栏位于 HTML 页面的底部,显然我遗漏了一些东西,因为关于这个主题有很多已回答的问题,但似乎没有一个对我有用。我不认为我正在做任何截然不同的事情,但它不起作用。我的<nav>栏始终显示在页面的左半部分。

请注意 float:left;nav.footer li下面造个人li彼此漂浮。如果我的理解是正确的,应该不会让他们整组 float 到页面的左边。

A fiddle

<head>
<title>Fake</title>
<style>
nav.footer
{
color:red;
width:700px;
}
nav.footer ul
{
float:left;
display: inline-block;
list-style-type: none;
color:green;
font-size:20px;
}
nav.footer li
{
display: inline-block;
padding: 9px 20px 4px;
background-color:#DDDDDD;
border-left:1px solid #112233;
border-right:1px solid #112233;
border-top:2px solid #112233;
border-bottom:2px solid #112233;
list-style-type: none;
}
}
</style>
</head>
<body>
<br>
<div>
<nav class="footer">
<ul>
<li>1 <a href="#">Batman</a></li>
<li>2 <a href="#">Superman</a></li>
<li>3 <a href="#">Ironman</a></li>
<li>4 <a href="#">Thor</a></li>
<li>5 <a href="#">Hulk</a></li>
</ul>
</nav>
</div>
</body>
</html>

显然,我还在学习。

最佳答案

nav.footer{
margin: 0 auto;
}

关于HTML 5 <nav> 居中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23500598/

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