本文讲解如何使用PHP动态生成HTML表格，使数据每3条记录自动换行（即每行显示3列），通过计数器与取模运算控制<tr>标签的插入时机，并确保表格结构完整、语义正确。
本文讲解如何使用php动态生成html表格，使数据每3条记录自动换行（即每行显示3列），通过计数器与取模运算控制`
要实现“每3条数据生成一行”的表格布局，关键在于在循环中精准控制<tr>的开始与闭合，而非简单地为每条记录输出<td>。原始代码仅输出<td>，导致所有单元格挤在同一行，无法满足列数约束。
正确的做法是引入计数器 $rowNum，配合取模运算 ++$rowNum % 3 判断是否到达第3、6、9…个元素；当满足条件且尚未处理到最后一条记录时，关闭当前行并开启新行。特别注意：首行需手动开启，末行必须手动闭合，否则HTML结构将损坏。
以下是优化后的完整示例（已整合数据库连接、防错处理与语义化结构）：
anything-to-html
下载
将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
<style type="text/css">
table {
border: 1px solid #1C6EA4;
background-color: #EEEEEE;
text-align: center;
border-collapse: collapse;
width: 100%;
}
td {
width: 33.33%;
padding: 8px;
border: 1px solid #aaa;
}
</style>
<?php
include "db.php";
// 统一连接（避免重复实例化）
$connection = new mysqli($servername, $username, $password, $dbname);
if ($connection->connect_error) {
die("数据库连接失败: " . $connection->connect_error);
}
// 查询数据
$select = "SELECT Equipment_Name FROM equipment";
$result = $connection->query($select);
if (!$result) {
die("查询失败: " . $connection->error);
}
$rowcount = $result->num_rows;
?>
<table>
<?php
if ($rowcount > 0) {
$rowNum = 0;
echo "<tr>"; // 开启首行
while ($row = $result->fetch_assoc()) {
echo "<td>" . htmlspecialchars($row["Equipment_Name"]) . "</td>";
// 每3条记录后换行（但不包括最后一组末尾）
if (!(++$rowNum % 3) && $rowNum < $rowcount) {
echo "</tr><tr>";
}
}
echo "</tr>"; // 强制闭合最后一行
} else {
echo "<tr><td colspan='3'>暂无设备信息</td></tr>";
}
?>
</table>
<?php $connection->close(); ?>✅ 关键要点说明：
立即学习“PHP免费学习笔记（深入）”；
- ++$rowNum % 3 实现每3次循环触发一次换行逻辑（% 返回余数，!0 即 true）；
- 条件 $rowNum < $rowcount 防止在最后一条记录后多生成一个空<tr>；
- 使用 htmlspecialchars() 防止XSS攻击，提升安全性；
- colspan="3" 在空数据时保持表格宽度一致；
- 务必手动输出首<tr>和末</tr>，否则表格解析异常。
? 提示：若需响应式适配（如移动端单列），建议改用CSS Grid或Flex布局替代HTML表格，语义更清晰、维护性更强。
