为了账号安全,请及时绑定邮箱和手机立即绑定

怎样使水平菜单在页面中水平居中?

给ul 加 margin: 0 auto 的样式不行吗?

正在回答

3 回答

首先ul标签得有一个容器 如:

<style type="text/css">
    .containBar{
        width:1003px;
        margin:0 auto;/*设置居中*/
    }
</style>
<div class="containBar">
    <ul>
        <li>首  页</li>
        <li>高端市场</li>
        <li>评价市场</li>
        <li>关于我们</li>
    </ul>
</div>

或者上述 div 改为 nav标签也一样。

0 回复 有任何疑惑可以回复我~
#1

ForrestYuan

width要计算该设置多长,不一定1003px根据需求
2015-10-24 回复 有任何疑惑可以回复我~

li 浮动 ,ul会紧抱li,这时ul宽度由li决定。设置margin:0 auto;要在固定宽度下才能实现居中。

1 回复 有任何疑惑可以回复我~

可以居中的,你给ul一个宽度吧,因为它是块状元素,你不设置宽度的话,它就占满整个浏览器了,那样这句话也没用了。

0 回复 有任何疑惑可以回复我~
#1

kjlhjgjh 提问者

哦,原来是这样
2015-08-05 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
导航条菜单的制作
  • 参与学习       123848    人
  • 解答问题       838    个

水平、垂直、圆角导航条菜单,让您的技术探索之路更高效

进入课程

怎样使水平菜单在页面中水平居中?

我要回答 关注问题
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号