如何使用PHP modulus将数组遍历输出为3列独立div布局

通过PHP的%取模运算符（modulus）判断列填充状态，按顺序将分类元素分配到3个独立div容器中，完全匹配预期的输出结构。

核心实现逻辑 #

• 固定拆分总列数为3，通过ceil(count($categories) / 3)计算单列最大可容纳的元素数量，保证所有分类条目不会漏排
• 遍历数组时，通过取模运算识别两种关键状态：
  • 当前索引是否为新列的起始位置，若是则输出对应列的开标签
  • 当前列是否已经填满对应容量，若是则关闭列标签、切换到下一列
• 最后一列会自动承接所有余数元素，即使总条目数不是3的整数倍也能正常工作

可直接运行的代码示例 #

// 原始分类数组
$categories = [
    'Books',
    'Cars',
    'Games',
    'Movies',
    'Music',
    'Office'
];

$totalColumns = 3;
// 计算单列容量，向上取整覆盖所有剩余元素
$colCapacity = ceil(count($categories) / $totalColumns);
$currentColNo = 1;

foreach ($categories as $index => $item) {
    // 取模判断是否为新列的起始位置，输出列开标签
    if ($index % $colCapacity === 0) {
        echo '<div class="column-' . $currentColNo . '">';
    }

    // 输出当前分类条目
    echo '<span>' . htmlspecialchars($item) . '</span>';

    // 取模判断当前列是否填充完成，或已遍历到数组最后一个元素，关闭列标签
    if (($index + 1) % $colCapacity === 0 || $index === count($categories) - 1) {
        echo '</div>';
        $currentColNo++;
    }
}

效果匹配说明 #

针对你给出的6个分类的示例，上述代码的输出完全符合预期结构：

• 第一列（column-1）顺序承载Books、Cars
• 第二列（column-2）顺序承载Games、Movies
• 第三列（column-3）顺序承载Music、Office

补充说明：如果分类总数不是3的整数倍（例如共7个分类），系统会自动将最后1个剩余条目放入第三列，不会出现元素遗漏或标签不闭合的问题。

内容的提问来源于stack exchange，提问作者Bert