PHP循环中每3个内容块插入HTML行容器的问题排查

我来帮你梳理这段代码里的问题，主要有几个逻辑细节导致生成的HTML结构不符合预期：

• 自增操作位置错误：你把$i++写在判断条件$i % 3 == 2里，这会导致先判断当前i的值再自增，计数逻辑错位。比如当处理第3个元素时，判断后i直接变成3，下一次循环的i%3==0会触发新row，但此时i对应的是第4个元素，后续计数会和元素位置脱节，容易引发混乱。
• HTML变量未重置：每次把$html推入$output后，没有清空$html，导致下一次循环会继续累加之前的内容，最终生成重复的HTML代码。
• 未处理末尾不完整的行：如果数据库返回的记录总数不是3的倍数，最后一组元素会被留在未闭合的<div class="row">里，破坏HTML结构。

修正后的代码 #

$output = [];
$i = 0;
$html = '';

while($row = $stmt->fetch()) {
    // 从当前记录中提取字段（记得替换成你实际的字段名）
    $thumb = htmlspecialchars($row['thumb'] ?? '', ENT_QUOTES);
    $name = htmlspecialchars($row['name'] ?? '', ENT_QUOTES);
    
    // 每3个元素开启一个新的row（第1、4、7...个元素）
    if($i % 3 == 0) {
        $html = "<div class='row'>\n"; // 重置html，避免残留之前的内容
    }
    
    // 添加单个内容块
    $html .= "<div class='col-sm-4'> 
                <div class='room-box'> 
                    <img src='$thumb' class='img-responsive' > 
                    <h4>$name</h4> 
                </div> 
              </div>\n";
    
    // 每3个元素闭合row（第3、6、9...个元素）
    if($i % 3 == 2) {
        $html .= "</div>\n";
        $output[] = $html;
        $html = ''; // 清空html，准备下一行
    }
    
    $i++; // 放在循环最后，确保计数和元素位置严格对应
}

// 处理最后一组不足3个的元素，保证HTML结构完整
if(!empty($html)) {
    $html .= "</div>\n";
    $output[] = $html;
}

关键修正说明 #

1. 调整自增位置：把$i++移到循环末尾，让每次循环的计数和当前处理的元素位置完全对应，避免判断逻辑混乱。
2. 重置HTML变量：开启新row时直接赋值$html，闭合row后清空$html，确保每行的内容独立，不会重复累加。
3. 补全末尾行：循环结束后检查$html是否有未闭合的内容，手动补全</div>，保证所有内容都被正确包裹在row容器里。
4. 添加转义处理：用htmlspecialchars转义输出的变量，防止XSS攻击，这是PHP输出HTML时的最佳实践。

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