1

假设我有 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-wrapcss 属性。但我仍然无法解决我的问题。

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

4

2 回答 2

3

尝试在父母身上使用它：

white-space:nowrap;

而display: inline-block;不是浮动

于 2013-09-08T20:03:53.737 回答
0

display: inline-block会为你做的。

于 2013-09-08T20:16:39.867 回答