Html 水平堆叠CSS元素

我想知道是否有一种方法可以使容器的元素垂直堆叠而不提供宽度。我的意思是，我有一个包含30个图像（宽度为30px）的容器，我想水平显示它们，而不指定容器的宽度，因为我不知道那里有多少个项目。所以基本上我希望在行中显示元素，而不指定容器的宽度，也不在当前行中没有更多空间时将它们拆分到下一行。我希望我解释得很好。

将图像向左浮动，以便它们堆叠成一行。还将包装器向左浮动，使其包含其中的内容（这将随着内部项目数的扩展而自动扩展，而不需要宽度）

#包装纸{
浮动：左；
}
#李先生{
浮动：左；
背景：黑色；
宽度：30px；
高度：30px；
裕度：0 10px 0 0；
}

JSFiddle：

---

希望这有帮助

您是否尝试使用-float:left；或

显示：内联块？您能为我们提供必要的代码或JSFIDLE吗？显然，我对简单的浮点型不感兴趣：左块或内联块。我想要的是水平而不是垂直地包装元素。因此，当我有30个30像素宽的元素和100像素宽的容器时，我仍然希望在单行中显示所有这些元素，而不在每3个元素后将它们包装到下一行。只要
li
s适合100%的容器，这就行了。在那之后，他们将包装。当你在小提琴上加20个
li
s时，你可以看到这种行为。我相信OP希望在这种情况下看到一些水平滚动。我希望元素不要垂直包装。所以，即使当前行中没有更多的空间，我仍然希望在这一行中显示它们。我想创建滚动的拇指水平列表，但我不知道我会得到多少。也许这会让你更好地了解我想要什么。
<style>
    #wrapper{
        float:left;
    }

    #wrapper li{
        float:left;
        background:black;
        width:30px;
        height: 30px;
        margin:0 10px 0 0;
    }
</style>

<div id="wrapper">
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
</div>