现在我的导航看起来像这样:
它的两端有很大的空间,我真的不知道如何把它拿出来。
CSS:
nav { background: #282828 url(../images/nav-bg.png) repeat-x; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; margin: 24px auto; padding: 18px 29px; width: 670px; }
nav ul { margin: 0 auto; }
nav ul li { background: url(../images/nav-sep.jpg) left center no-repeat; display: inline; padding: 32px; margin: 0 auto; }
nav ul li:first-of-type { background: none; }
nav ul li a { color: #626262; font: 16px Arial, Helvetica, serif; }
答案 0 :(得分:1)
尝试在您的第一个规则中将width
更改为小于670像素的内容,并根据需要将padding
更改为较小的值。
答案 1 :(得分:0)
更改此部分。第二个值是右侧和左侧的填充量。
nav { padding: 18px 29px; }
答案 2 :(得分:0)
如果你在联系菜单项之后谈论空间,我认为它可以通过改变ul标签上设置的宽度来解决。我想你可以通过在ul标签上设置display:inline来将它们全部删除