Question

我有一个overflow-x:scroll;的div，在那个div中我有一个列表，该列表有一些链接。但我似乎无法将我的列表作为其链接。这导致我的链接跳线。

我该如何解决这个问题？

我的HTML

<div class="menu">
    <ul>
        <li>
            <a href="#">a long text that jumps lines</a>
        </li>
        <li>
            <a href="#">a line that don't jump</a>
        </li>
    </ul>
</div>

我的CSS

.menu{
   width:400px;
   overflow-x:scroll;
}

Answer 1

如果你说哪个会导致我的链接跳线我想在一个新行中打破，那么你可以使用这个属性来避免：

.menu ul li {
   white-space:nowrap;
}

另外，要让ul更改width更改其显示属性：

.menu ul {
   display:inline-block;
}

演示 http://jsfiddle.net/5KSaM/7/

使<ul>适合<li>链接的宽度</li> </ul>

1 个答案: