显示水平菜单栏项目中单列总是

Question

我创建水平导航栏动态获取其菜单项。不过，我在水平显示列表项时遇到问题。每当列表项溢出列表容器的宽度，他们所创造的容器内的新行。我希望所有列表项都始终显示在单行中。不管列表可能有多长，用户将滚动菜单仅horizo​​natlly

我已经使用的造型为UL

ul{ 
    background-color:yellow; 
    position:absolute; 
    height:80px; 
overflow:auto; 
    list-style:none; 
    display:table-row; 
} 

和李

li{ 
    margin:10px; 
    display:inline-block; 
} 

Demo Fiddle

Answer 1

ul{ 
    background-color:yellow; 
    height:80px; 
    overflow-x: auto; 
    overflow-y: hidden; 
    list-style:none; 
    white-space: nowrap; 
} 

Demo