当div达到父div的宽度

Question

我正在使用文件上传系统：下面我有一张图片。我试图尽快到达父div的末尾进行内容包装。我对css不太熟练，不确定如何去做。

我想尽量避免使用表格。基本上有一个父文件夹保存每个文件。每个文件都是它自己的div。有没有办法让它在达到父div的宽度时进行换行？

image http://oi43.tinypic.com/9iz7k0.jpg

我还可以更改的项目，需要用户自行跨度或任何东西。

Answer 1

如果您浮动包装DIV（带边框的文件）中的文件DIV，它们应该包装。

举例来说，利用这个HTML：

<div class="wrapper"> 
    <div class="item">1</div> 
    <div class="item">2</div> 
    <div class="item">3</div> 
    <div class="item">4</div> 
    <div class="item">5</div> 
</div> 

而应用此CSS：

.wrapper { width: 400px; height: 400px; border: 1px solid #000; } 

.item { float: left; width: 100px; height: 100px; margin: 10px; background: #ddd; } 

的jsfiddle这里：http://jsfiddle.net/ChrisLTD/AygnH/