怎么实现在页面中导航栏居中的效果？

2025-02-25 11:33:33

推荐回答（5个）

回答1：

居中的方法无非是将要居中的元素外面的div设置margin：0 auto;即可

具体可再考虑下，比如讲menu放到一个宽度固定的div中，然后给这个div添加margin：0 auto;

回答2：

可以试试把menu放到一个div中，然后div的css里写text-align:center;
或者尝试写menu的margin-left，多试几个数值应该就可以了。

回答3：

首先把#menu li 里面的浮动属性改为：display:inline;
然后在#menu 里面的加上：text-align:center; line-height:35px;

先试试吧，有什么问题就提提吧。

回答4：

定义body标签或者#menu宽度
同时加上 margin-left:auto;margin-right:auto; 菜单就居中了

回答5：

给menu加上下面几句
width:480px;
margin:0 auto;