div导航栏居中（html5导航栏居中显示）

本文目录一览：

• 1、CSS+div导航栏居中，请问怎么改css才能让导航栏文字始终居中显示
• 2、怎么实现在页面中导航栏居中的效果？
• 3、新手想写个导航栏，但是文字不知道如何横排，在div里面居中？

CSS+div导航栏居中，请问怎么改css才能让导航栏文字始终居中显示

div设置内边距，比如padding-left:20px;，然后div的width: 1800px; 就要减去20px。自己试试多少合适，用左内边距把ul往左边挤。

或者直接ul或li相对定位，然后left:20px;，这个不用1800-20，但是你li下面还有ul和li，会影响到li，为了不影响第二层的li，你还得给第一层的li加id，还不如第一个方法。

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

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

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

新手想写个导航栏，但是文字不知道如何横排，在div里面居中？

你用的是p标签，p标签默认是占满一行，所以你的导航就不能水平排列了；如果一定要用p标签的话可以给p标签设置个宽度再加个浮动，eg：width：120px；float：left；导航类建议用ul li。