Question

我正在开发一个Web应用程序（asp.net mvc3）

我有一个主要的div。我想在主要div中添加很多div。

但是我希望它们是这样的：Divs应该在一条线上彼此相邻，当没有剩余空间时，下一个div将换行到一个新线。（类似于写文本，当此行没有更多空格时，下一个单词将换行到新行）

我尝试使用display: inline;使其显示在彼此旁边，但是当它们到达主要div的末尾时，如何让它们换行？

有没有办法在没有硬编码位置的情况下做到这一点？因为div是动态添加的，所以我不知道它们有多大或者它们的数量

由于

Answer 1

尝试display: inline-block - http://jsfiddle.net/7FJRr/1/

更新如果仍然关注IE7：

div {
    display: inline-block;
    zoom: 1; 
    *display: inline;
}

Answer 2

这是你的意思吗？

我使用float:left来安排内容div

我不知道将包装div的解决方案，但这将使div内联

修改

如果您愿意使用跨度，您可以这样做：

http://jsbin.com/uzoruq/2/edit

我使用display:inline作为跨度。