Html 对中导航栏I'；我什么都试过了

好的，所以我正在尝试一种不同的技术，为我的客户网站导航栏，我完全不明白为什么它不会中心。我还希望它随着页面的大小而缩小。我通常将ul宽度设为100%，但当我在这里这样做时，它将使我的链接转到下一行，而后面没有图像。我的想法是把它修好，这样当人们浏览页面时，它就会一直在那里

HTML

我会给你一个链接到该页面，但它是在Dreamweaver中完成的，尚未启动。logobar.jpg是网页的徽标。我喜欢它的外观，但当我缩小屏幕尺寸时，它需要居中，而不是被切断或移到下一行

我尝试过的事情是

浮动：右，左，几乎所有类上都没有 文本对齐：在每个类上居中 在html方面，我尝试在每个类上使用align=center 显示：ul和li类上的内联、内联块

不，我没有放浮子：右，左，没有。我一个接一个地做，然后用float:right；。浮动：左；。然后浮动：无

---

谢谢你的帮助

漂浮的容器不容易居中。每当我面对任何浮动容器水平居中时，我使用以下方法。尝试用以下内容包装您的标记（在本例中，标记需要居中；

div.menu\u链接）

：

<div class="center_outer">
    <div class="center_inner">
        <!-- Put your contents here (which needs to be centered) -->
    </div>
</div>

---

在页面上居中放置元素的一种奇妙方法是使用： margin:0 auto;

---

我摆好一把小提琴，在那里演示。希望这能有所帮助。

你能帮我整理一下吗？是的，很抱歉。下面是使情况变得更糟的jsfiddle[link]。我想这是因为我想让它看起来真的很别致和专业，但我不确定为什么它不起作用。好吧，从

.menu链接ul

中删除2000px的宽度，并用上面的内容包装

。menu链接

。看看这个提琴是否有效：（你需要加宽结果窗格才能看到中心效果）我必须去掉我的方块阴影，但它看起来很棒。我将不得不做一些关于溢出以及没有它切断我的标志了。溢出=隐藏会破坏徽标。非常感谢你！

<div class="center_outer">
    <div class="center_inner">
        <!-- Put your contents here (which needs to be centered) -->
    </div>
</div>

.center_outer
{
    position: relative;
    left: 50%;
    float: left;
}
.center_inner
{
    position: relative;
    left: -50%;
}

margin:0 auto;

<div id="wrap">
    <ul>
         <!-- *list items here* -->
    </ul>
</div>

#wrap {
    width:100%;
}

#wrap ul {
    width:960px; /* or however wide you'd like your menu */
    margin:0 auto;
}