在达到父div的宽度时包裹Div

Question

我正在处理文件上传系统：下面我有一张图片。我试图在内容包到达父div的末尾时立即进行内容包装。我对css不太熟练，也不知道怎么做。

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

如果需要，我也可以将项目更改为跨度或任何内容。

Answer 1

如果将文件DIV浮动到包装器DIV（带边框的文件）中，它们应该换行。

例如，使用此HTML并应用此CSS：

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

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

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