【元素不换行】

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元素内部再加一层固定宽度，这个只要宽度合适，里面的元素就不会换行而且可以实现滚动；缺点：固定宽度必须计算，因为内部元素数目不确定且不规范，计算很麻烦求大神支招，怎样使内部元素自适应宽度，且不换行。。。