如何修正PHP For循环结合HTML表格生成金字塔的代码

对比当前生成的左对齐直角阶梯效果，和预期的居中等腰金字塔效果，原代码存在4个核心逻辑问题：

• 行标签位置错位：循环外部提前输出了<tr>标签，循环内每输出完一行单元格就闭合</tr>，错位的标签结构会导致第一行生成空行，所有单元格全部左对齐排列，完全没有居中效果
• 缺少对称填充逻辑：等腰金字塔需要在每一行黑色块的左右两侧，补充无背景的空白单元格，抵消边距差，才能让黑色块整体居中排列
• 行宽逻辑不固定：没有约束每一行的总单元格数量，就算单独居中块位置，也会因为每行宽度不一致导致排版错位
• 代码规范性不足：循环从$x=0开始，会生成多余的空内容行；<table>标签的属性没有正确闭合引号，容易触发浏览器渲染异常

按照等腰金字塔的生成逻辑调整循环结构：

1. 先固定表格总单元格宽度：按照原代码8个黑块的最大行宽，设置固定的总单元格数，保证每一行的渲染宽度完全一致，不会错位
2. 每一行的渲染流程拆成固定步骤：
   • 进入循环时先输出当前行的<tr>起始标签，移除循环外多余的跨循环行标签
   • 计算当前行的左右空白单元格数量：用总单元格数减去当前行的黑块数，把差值平分到左右两侧的空白单元格里
   • 循环输出左侧的空白透明单元格，再输出当前行的黑色背景单元格，最后输出右侧的空白透明单元格
   • 单元格全部输出完成后，闭合当前行的</tr>标签
3. 把循环的起始值从0调整为1，跳过无意义的空行输出，给表格加上cellpadding='0'和cellspacing='0'属性，消除单元格之间的默认缝隙

<?php
// 定义金字塔最大行的黑块数量，匹配原代码的块数
$maxBlackCount = 8;
// 固定表格总单元格数，保证每一行宽度一致
$totalTdPerRow = 2 * $maxBlackCount;
echo "<table align='center' cellpadding='0' cellspacing='0' border='0'>";
// 外层循环：遍历每一行
for ($x = 1; $x <= $maxBlackCount; $x++) {
    echo "<tr>";
    // 计算当前行需要的空白单元格总数
    $blankTotal = $totalTdPerRow - $x;
    // 左侧空白单元格向下取整，右侧向上取整，保证总长度固定
    $leftBlank = floor($blankTotal / 2);
    $rightBlank = ceil($blankTotal / 2);
    // 输出左侧空白单元格
    for ($z = 1; $z <= $leftBlank; $z++) {
        echo "<td height='50px' width='50px'></td>";
    }
    // 输出当前行的黑色背景块
    for ($z = 1; $z <= $x; $z++) {
        echo "<td height='50px' width='50px' bgcolor='black'></td>";
    }
    // 输出右侧空白单元格
    for ($z = 1; $z <= $rightBlank; $z++) {
        echo "<td height='50px' width='50px'></td>";
    }
    echo "</tr>";
}
echo "</table>";
?>

修正后的代码生成的金字塔会完全匹配预期样式：

• 第一行仅在整行居中位置放置1个黑色块
• 每向下移动一行，黑色块数量增加1个，左右两侧的空白填充块同步减少，始终保持黑色块在整行的居中位置
• 到最后一行时，左右两侧没有多余空白填充，整行连续排列8个黑色块，形成标准的等腰三角金字塔结构

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