Html 制造<；ul>；配合宽度<；李>；链接

我有一个带有

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>

当你说这会导致我的链接跳行时，我猜是在新行中中断，那么你可以使用此属性来避免：

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

还要使您的
ul
获得完整的
宽度
更改其显示属性：

.menu ul {
   display:inline-block;
}

演示

.menu ul {
   display:inline-block;
}