我有一个包含水平菜单的菜单。菜单由无序列表组成。
我希望每当菜单超出宽度时 div 都会获得水平滚动条<div>
。
我尝试使用这些 CSS 定义<div>
:
position: absolute;
width: 380px;
overflow: auto;
overflow-y: hidden;
height: 30px;
但后来意识到,由于菜单是列表,不同的列表项只要达到菜单的宽度就会断线。<div>
并移至下一行,因此浏览器不会认为需要水平滚动条(它也不会显示垂直滚动条,因为overflow-y: hidden;
line)
我有什么想法可以创建一个仅水平滚动的 1 行水平菜单吗?
非常感谢大家。
您也许可以使用空白属性来防止换行。如果没有更多代码,很难知道它是否适用于您的情况。
对于你的 div,尝试:
white-space: nowrap;
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)