CSS 使用 flex 属性布局多排多列
<div style="width: 100%; display: flex">
<div style="height: 300px; flex: 1"></div>
<div style="height: 300px; flex: 1"></div>
<div style="height: 300px; flex: 1"></div>
<div style="height: 300px; flex: 1"></div>
</div>
<div style="width: 100%; display: flex">
<div style="height: 300px; flex: 1"></div>
<div style="height: 300px; flex: 1"></div>
</div>