-1

目前，当正确查看时，我的导航栏没有任何问题。但是，我是强迫症患者，我想确保我也解决了不正确或异常的观看问题。

现在，我的导航栏由一条水平线组成，链接由 | 分隔。和一些 CSS 翻转突出显示。在我看来，简单的设置可以很好地完成工作。但是，如果我放大，最终我会到达最后一个链接没有更多空间的阶段，然后进入下一行。显然不好看。我尝试在其上放置一个 max-width:100% ，但没有任何区别。

相关代码如下：

<div class="navbarwrapper">
    <div class="navbar">
        | <a href="" class="navbar"></a> |
        <a href="" class="navbar"></a> |
        <a href="" class="navbar"></a> |
        <a href="" class="navbar"></a> |
        <a href="" class="navbar"></a> |
        <a href="" class="navbar"></a> |
        <a href="" class="navbar"></a> |
    </div>
</div>

.navbarwrapper {
    margin-bottom: 10px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    min-width: 800px;
}
.navbar {
    padding: 10px;
}

就像我说的，它在正常情况下工作正常，但是如果你放大（或者我假设分辨率很低），最后一个链接会流到第二行。

4

3 回答 3

0

锚标签是内联元素。这就是他们在空间不足时应该做的事情。如果您希望它们表现不同，您需要为overflow您想要的行为设置包装元素的 。

于 2012-11-22T22:01:40.117 回答
-1

溢出：隐藏；在必须具有固定宽度的父 div 上；）

于 2012-11-23T08:14:14.867 回答
-1

尝试<li>在您的菜单 中使用DEMO

于 2012-11-23T00:00:33.000 回答