小编jas*_*him的帖子

如何使用css将导航栏与中心对齐

我需要帮助将导航栏与中心对齐这是我的代码它有什么问题?它不会将菜单与中心对齐.

#nav {
  position: absolute;
  left: 0px;
  height: 40px;
  background-color: #2C64B4;
  width: 100%;
  margin: 0 auto;
}
#nav ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#nav ul li {
  margin: 0;
  padding: 0;
  float: left;
}
#nav ul li a {
  text-decoration: none;
  padding: 10px 20px;
  display: block;
  color: #FFF;
  text-align: center;
}
Run Code Online (Sandbox Code Playgroud)
<div id="nav">
  <ul>
    <li><a href="#">Home</a>
    </li>
    <li><a href="#">About Us</a>
    </li>
    <li><a href="#">Blah</a>
    </li>
    <li><a href="#">exampl</a>
    </li>
  </ul>
</div>
Run Code Online (Sandbox Code Playgroud)

html css css3 nav

4
推荐指数
1
解决办法
2万
查看次数

标签 统计

css ×1

css3 ×1

html ×1

nav ×1