带有水平滚动条的无序列表

Question

我想要一个UL列表，但其元素向左浮动，列表具有固定的高度和宽度。

我现在所拥有的：

ul { 
width: 230px;
height: 30px;
overflow-x: scroll;
}

li { 
float: left;
display: inline 
}

HTML：

<ul id="dev">
  <li>el</li>
  <li>el</li>
</ul>

元素浮动良好，但滚动条不起作用（变灰），并且元素将换行。我能做什么？

Answer 1

在列表上将white-space属性设置为nowrap，然后float: left在列表元素上禁用。

ul { 
  /* ... */
  white-space: nowrap;
}

li { 
  display: inline;
}