使用 CSS 和 HTMl 实现此功能
这是我的 css -
#nav {
position: relative;
background-color: #292929;
float: left;
width:960px;
margin-left:auto;
margin-right:auto;
}
#nav li {
float: left;
list-style: none;
width:auto;
}
#nav li a {
color: #e3e3e3;
position: relative;
z-index: 2;
float: left;
}
ul, li {
margin:0;
padding: 0;
}
#blob {
position: absolute;
top: 0;
z-index : 1;
background: #0b2b61;
background-repeat:repeat;
}
我想把这个对象放在中心。我该怎么做呢。我还希望背景适合页面。我尝试了很多，但它不起作用。
<ul id="nav">
<li><a href="home.php">Home</a></li>
</ul>
This is my css -
#nav {
position: relative;
background-color: #292929;
float: left;
width:960px;
margin-left:auto;
margin-right:auto;
}
#nav li {
float: left;
list-style: none;
width:auto;
}
#nav li a {
color: #e3e3e3;
position: relative;
z-index: 2;
float: left;
}
ul, li {
margin:0;
padding: 0;
}
#blob {
position: absolute;
top: 0;
z-index : 1;
background: #0b2b61;
background-repeat:repeat;
}
I want to place this object in the center. How do i do that. I also want the background to fit the page. I tried a lot, but it isn't working.
<ul id="nav">
<li><a href="home.php">Home</a></li>
</ul>
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
将一个物体放在中心：
CSS：
标记：
Place an object in the center:
CSS:
Markup:
您想要将
放在中心，对吧？根据您当前的标记，最简单的方法是应用固定
width并将margin: 0 auto;添加到您的 li 中。该解决方案的语义确实很糟糕，但我想您并不真正关心。
You want place
<li>int the center, right?The easiest way according to your current markup is to apply fixed
widthand addmargin: 0 auto;to your li.Semantics of that solution is really bad, but i guess you don't really care.