在css中實現導航欄居中的方法:1.使用ul標簽定義導航欄;2.將ul標簽設置為行內塊級元素;3.設置li標簽為左浮動即可;
在css中實現導航欄居中的方法
1.首先,在頁面中定義一個導航欄;
<body><div id="nav">
<ul>
<li><a href="###">首頁</a></li>
<li><a href="###">菜單</a></li>
<li><a href="###">幫助</a></li>
</ul>
</div>
</body>
2.導航欄定義好后,在css中將ul標簽設置成行內塊級元素;
#nav ul{display:inline-block;
}
3.最后,ul標簽設置好后,在css中將li標簽設置為左浮動即可;
#nav ul{display:inline-block;
}
#nav ul li{
float:left;
list-style:none;
margin-left:20px;
}