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标签的下划线的方法

>> 相关文章

没有相关文章。

我的购物车

咨询在线客服