如何显示内联的未定义数量的div？

Question

我需要在一行中显示所有div，但我不知道页面中是否有div的数量，因为我有一个可以添加更多div的按钮。 我希望能够在相同的行中添加div，直到不再有位置，然后其余的将添加到下一行，依此类推。 我的所有div都有相同的类名。

Answer 1

您可以在div上使用display:inline-block;，以便在剩余空间不足时自动从新行开始：

<强> DEMO

Answer 2

您可以使用display: inline-block;，但如果元素之间的空间增加困扰您，请尝试向左或向右浮动所有div元素，并在必要时清除容器。

div { float: left; }或div { float: right; }取决于您要查找的顺序，并.container { overflow: auto; }作为明确修复，假设您已将container类分配给包含元素。