顯示水平菜單欄項目中單列總是

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