html - 仅水平滚动!

Question

我有一个包含水平菜单的菜单。菜单由一个无序列表组成。我希望 div 在菜单超过 <div> 的宽度时获得水平滚动条.我尝试为我的 <div> 使用这些 CSS 定义:

position: absolute;
width: 380px;   
overflow: auto;
overflow-y: hidden;
height: 30px;

但意识到由于菜单是 LIST，所以不同的列表项在达到 <div> 的宽度时会换行。并移至下一行，因此浏览器不认为需要水平滚动条(由于 overflow-y: hidden; 行，它也不会显示垂直滚动条)

有什么想法可以创建仅水平滚动的 1 行水平菜单吗？

非常感谢大家。

Answer 1

您可以使用 white-space 属性来防止换行。如果没有更多代码，很难知道它是否适用于您的情况。

对于你的 div，尝试:

white-space: nowrap;