html - 当它们达到父 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>