當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/