php - 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>
解决方案
分块:
$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
}
推荐阅读
- javascript - 在 .map 循环中使用 setState 未处理的拒绝
- html - 为什么带有 css "margin-top: calc((100%)/2)" 的 h1 元素会显示在屏幕底部?
- mysql - Socket.io 命名空间在 10 个连接后停止工作
- mysql - MySQL - 电池维护的难点分组
- angular - 使用 [innerHtml] 后附加文本
- javascript - nodejs http.request 如何收集数据
- ios - 集合视图单元格导航
- html - 仅使用 FLEX 和 CSS 构建 Progress Step UI 组件 - 帮助标签定位?
- javascript - 如何在 HTML 页面中制作画布的导航缩略图
- javascript - css a:link 标签的问题