循环实现1列4行

原创于 2020-08-13 11:43:42 发布 · 241 阅读

0 ·

CC 4.0 BY-SA版权

PHP 专栏收录该内容

66 篇文章

订阅专栏

本文介绍了一种使用PHP的foreach循环实现一个包含四列的响应式布局的方法。通过计算循环索引对4取余数，可以实现在每4个元素后换行的功能，确保了布局的整洁和美观。此外，还提供了在列表项不足4的倍数时填充空白单元格的解决方案，以保持布局的一致性。

循环实现1列4行

<?php foreach ($list as $key=>$product): ?>
	<?php echo $key % 4 == 0 ? "<tr>" : ""; ?>
	<td>
		<img class="dj-info" src="img.png">
	</td>

	<!--不够4个空的td,循环补充4 td-->
	<?php if ($key == count($list) - 1 && (count($list) % 4)): ?>
		<?php for ($i = 0; $i < 3 - $key % 4; $i++): ?>
			<td><a class="dj-info"></a></td>
		<?php endfor; ?>
	<?php endif; ?>

	<?php echo ($key + 1) % 4 == 0 || ($key == count($list) - 1) ? "</tr>" : ""; ?>
<?php endforeach; ?>