css如何实现导航栏居中的方法

网站相关

css如何实现导航栏居中的方法

在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;
}

免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：bkook@qq.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。

上一篇：css如何水平居中的方法
下一篇：css中去除a标签的下划线的方法

我的购物车

选择下列产品马上在线沟通：