Html 根据设备宽度，为每行分配具有相同列数的浮动div

我正在开发一个网页，其中有固定宽度的浮动div。 我需要使用jquery在load事件中按行重新分发它们，每行中的列几乎相同。我必须根据设备的宽度来做

若divs总数是奇数，我理解最后一行不可能有相同的列号

有人知道如何做到这一点吗

提前谢谢

Fran

看看，一个JavaScript网格布局库，它可以满足您的需求

导入库，即可开始：

<div class="grid">
  <div class="grid-item"></div>
  <div class="grid-item"></div>
  <div class="grid-item"></div>
</div>

<script>
$('.grid').masonry({
  itemSelector: '.grid-item',
  columnWidth: 160
});
</script>

$（'.grid'）。砌体({
itemSelector:“.grid项”，
列宽：160
});

---

代码笔示例：

你好，谢谢你的帖子。我需要一些不同的东西。如果有两行，第一行有4个元素，第二行只有两个元素，我需要在每行中重新分配相同数量的元素。例如，我的注释在一行中为3，在第二行中为3。