Jquery 停止元素在div中换行

假设我有15个图像，我想显示在一个div中。 因此，我使用JQuery动态添加它们

但结果是

上面图像的css是

.item
    {
        float: left;
        width: 120px;
        height: 120px;
        background-image: url('images/txt.png');
        background-repeat: no-repeat;
        background-position-x: center;
    }

div的css是：

#fileName
    {
            margin-top: 10px;
    }

因此，我尝试了以下css：

#fileName
        {
            margin-top: 10px;
            overflow-x : auto;
        }

那么我的o/p是：

我还尝试了

overflow wrap

css属性。但我仍然不能解决我的问题

---

我希望所有图像都在一行中，如果它不适合div，那么div应该有一个水平滚动条。

尝试在父级上使用此选项：

white-space:nowrap;

---

和

显示：内联块代替浮点数
显示：内联块
将为您完成此操作。
如果它可以与
浮点数
一起使用，那么就完美了。如果不会，则将
float
替换为
display:inline块您可以制作一个JSFIDDLE，带或不带空格：nowrap吗？带空格：nowrap。谢谢Lorof。
display:inline block
在Sanja建议的项目上，Lorof建议的div上的
white space:nowrap
给了我答案。是的，我看到了评论。很高兴知道你的问题解决了。：）