php - 每个循环将元素按 3 分组

Question

我有一个元素数组，想遍历它们，但我不想将它们分组在一个 div 中，而是想按 css 类对它们进行分组。

我不想做 div 分组，因为移动 View 可能有 4 个或更多行，并且 breaks css class 将随着屏幕尺寸的变化而改变，或者将移动到绝对定位一起删除 break 并形成网格.

我可以每 3 个元素创建一个休息时间，但我正在努力解决这个问题。

如有任何帮助，我们将不胜感激。

我想在 PHP foreach 循环中创建以下布局。

例如

<div class="listing">
   <div class="group_1">item1</div>
   <div class="group_1">item2</div>
   <div class="group_1">item3</div>

   <div class="break_1"></div>

   <div class="group_2">item4</div>
   <div class="group_2">item5</div>
   <div class="group_2">item6</div>

   <div class="break_2"></div>

   <div class="group_3">item7</div>
   <div class="group_3">item8</div>
   <div class="group_3">item9</div>

   <div class="break_3"></div>

   <div class="group_4">item10</div>
   <div class="group_4">item11</div>
   <div class="group_4">item12</div>

   <div class="break_4"></div>
</div>

Answer 1

不太确定它是否是你正在寻找的，无论如何，给定一个像这样的基本数组:

$arr=array(1,2,3,4,5,6,7,8,9,10,11,12);

您可以循环它并以这种方式获得您期望的代码:

$group_num=1;
echo "<div class='listing'>";
foreach ($arr as $key=>$item) {

    echo "<div class='group_$group_num'>$item</div>";
    if ($key%3==0) {
        echo "<div class='break'></div>";
        $group_num++;
    }
}
echo "</div>";

结果:

<div class='listing'>
<div class='group_1'>1</div>
<div class='group_1'>2</div>
<div class='group_1'>3</div>

<div class='break'></div>

<div class='group_2'>4</div>    
<div class='group_2'>5</div>    
<div class='group_2'>6</div>

<div class='break'></div>

<div class='group_3'>7</div>
<div class='group_3'>8</div>
<div class='group_3'>9</div>

<div class='break'></div>

<div class='group_4'>10</div>
<div class='group_4'>11</div>
<div class='group_4'>12</div>

<div class='break'></div>