div中的无限元素（向右滚动）？

Question

我有一个div的问题，我想把很多图像放进去。

但是当图像达到div的极限时，新图像将换行，而不是在同一行。

我想要的是什么：

<div>-------------------------------------------------- n</div> 

滚动条左右

我得到了什么：

<div>--------------------------
------------------------ n</div> 

滚动条自上而下

实际上div css就是：

<style>

div {

                        text-align: center;

                        margin-left:auto;
                        margin-right:auto;
                        background-color:#FFF;
                        overflow-x: scroll;
                        overflow-y: hidden;

                        width: 900px;
                        height: 120px;

                        border: 0px;

                        padding: 0px;


                    }

</style>

希望我解释自己，你可以帮助我。

Answer 1

这就是您所需要的：http://jsfiddle.net/edm53/1/

这里的诀窍是：

white-space:nowrap;