资产净值栏集中问题答案

【问题标题】：NAV Bar Centrailed Issue资产净值栏集中问题
【发布时间】：2013-07-15 07:45:20
【问题描述】：

我已经尝试过所有不集中的屏幕检测导航栏也

#navcontainer { 
    margin: 0 auto; 
    width: 100%; 
    height: 44px; 
}
.menu { 
    font-size: 13px; 
    color: #000; 
    z-index: 1001; 
    margin: 0px; 
    position: absolute;  
    z-index: 30; font-family: Verdana, Arial, Helvetica, sans-serif;
}
.menu ul { 
    margin: 12px 0 0 0px;
}
.menu ul li { 
    float: left;
}
.menu .part01 { 
    width: 400px; 
    margin: 10px 0 0 70px; 
    float: left;
}
.menu .part02 { 
    margin: 10px 0 0 695px; 
    width: 400px;
}

This is My Website

【问题讨论】：

问题是什么？
老兄，你附上了一个img，里面不是集中的，但是在你提供的链接中，看起来还可以，所以我不清楚你的要求，你能解释一下吗

标签： jquery css text-alignment centralized

【解决方案1】：

将您的菜单导航作为一个单独的 UL LI 列表块，与当前分为 2 个 UL 列表和 Logo 放置在两者之间的相比。

一旦你把所有东西都放在一个容器里，你可以让这个菜单响应，添加到父容器并添加样式边距：0 auto;我可以看到你已经拥有了。

您的代码应如下所示：

<div id="menu" style="width:80%; margin: 0 auto;">
<ul>
<li>Item x...</li>
<li>Item x...</li>
<li>Item x...</li>
<li class="logo"></li>
<li>Item x...</li>
<li>Item x...</li>
<li>Item x...</li>
</ul>
</div>

【讨论】：

@SAM 如果您手动调整浏览器窗口的大小，它只会在不同的分辨率下中断

【解决方案2】：

您需要更改以下内容：

.index_container {
    display: block;
    margin: 45px auto 0;
    min-height: 450px;
    width: 100%;
}

.slideshow {
    margin: 0 auto;
    width: 950px;
}

.span-25 {
    margin: 0 auto;
    padding: 0;
    width: 1105px;
}

这将删除幻灯片支架上的float:left;，并使其在其容器中保持居中，而容器又在其容器中保持居中，该容器为 100% 宽。这与您的菜单布局相同，因此它们现在匹配。

【讨论】：