停止元素包装在div中

Question

假设我有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应该有一个水平滚动条。

Answer 1

尝试在父母身上使用此功能：

white-space:nowrap;

和display: inline-block;代替花车

Answer 2

display: inline-block会为你做。