首页 > 解决方案 > div中的php foreach循环组

问题描述

我如何$array=array('img1','img2',img3,'img4','img5','img6','img7','img8','img9','img10');使用 foreach 循环将这个数组分组到 div 中每个组都有一个父 div

<div class="row">
<div class="col-3">img1</div>
<div class="col-3">img2</div>
<div class="col-3 d-md-none d-lg-block">img3</div>
</div>
<div class="row">
<div class="col-4">img4</div>
<div class="col-4">img5</div>
<div class="col-4 d-md-none d-lg-block">img6</div>
</div>
<div class="row">
<div class="col-3">img7</div>
<div class="col-3">img8</div>
<div class="col-3 d-md-none d-lg-block">img9</div>
</div>
<div class="row">
<div class="col-4">img10</div>
<div class="col-4">img11</div>
</div>

标签: phpforeach

解决方案


分块:

$size = 3;
$array = array('img1','img2',img3,'img4','img5','img6','img7',img8);
$chunks = array_chunk($array, $size);

foreach ($chunks as $ChunkKey => $chunk) {
    // Set class according to current key
    $class = $ChunkKey % 2 ? 'col-4' : 'col-3';?>
<div class="row">
<?php
    $lastKey = count($chunk) - 1;
    // we need key here so as to check whether item is last
    foreach ($chunk as $key => $value) {?>
    <div class="<?=$class?><?= $key === $lastKey ? ' d-md-none d-lg-block' : ''?>">img3</div>
<?php
    }?>
</div>
<?php
}

推荐阅读