【元素不换行】

Question

<div style="overflow-x:scroll">
    <img src="#">
    <img src="#">
    <img src="#">
    <img src="#">
    <img src="#">
    ............
</div>

就如上面，我想实现一个横向滚动的效果，但是里面的元素太多之后会自动换行，请问怎么让这些元素全部排在一排，多余的元素通过scroll显示出啦。

我目前使用的方法：

<div style="overflow-x:scroll">

<div style="width:500px">
   <img src="#">
   <img src="#">
   <img src="#">
   <img src="#">
   <img src="#">
   ............

</div>
</div>

在overflow元素内部再加一层固定宽度，这个只要宽度合适，里面的元素就不会换行而且可以实现滚动；

缺点：固定宽度必须计算，因为内部元素数目不确定且不规范，计算很麻烦

求大神支招，怎样使内部元素自适应宽度，且不换行。。。