Jquery 在div中有序列出图像

我试图在一个div中列出一些图像，但这些图像只在一行中列出，但我想在多行中列出（我想在3个图像之后看到下一行图像）。我的代码列在这里

<?php
  foreach ($list as $row)
  {?>
    <div>
      <a href="<?php echo base_url("./resources/images/"); echo $row['image'];?>">
        <img src="<?php echo base_url("./resources/images/"); echo $row['image'];?>" alt="" />
      </a>
    </div>
  <?php 
  }
?>

请帮助这是我的清单，我想这样的清单

---

您可以通过使用

float:left

属性来实现这一点，并且在每三个子项之后，您只需应用

clear:left。这将根据您的需求在一行中只允许三个
div
。另外，如果我可以添加，请检查
flex basis
属性，这也可以解决您的问题

以下是一个可行的解决方案：


.child{
背景：灰色；
高度：150像素；
浮动：左；
利润率：15px 0 0 15px；
宽度：150px；
}
.子项：第n个子项（3n+1）{
清除：左；
}
请使用
同位素
-