如何在PHP中动态生成每三列换行的HTML表格-html教程-PHP中文网

如何在PHP中动态生成每三列换行的HTML表格

本文介绍如何使用PHP循环遍历数据库记录，并按每3条数据为一组自动插入标签，实现响应式三列布局的HTML表格，避免手动计算行数，确保结构语义正确且兼容性强。

本文介绍如何使用php循环遍历数据库记录，并按每3条数据为一组自动插入`

`标签，实现响应式三列布局的html表格，避免手动计算行数，确保结构语义正确且兼容性强。

要实现“每三条记录开启新行”的表格布局（即第1–3条在第一行、第4–6条在第二行、第7条起新开第三行……），关键在于控制标签的起始与闭合时机，而非简单按索引模3判断——因为最后一组可能不足3项，需确保最终闭合，且不额外多输出空行。

以下是优化后的完整实现方案（已整合原代码逻辑并修复常见陷阱）：

Pptx To Html

使用 MinerU 将 PowerPoint (.pptx) 演示文稿转换为 HTML，保留幻灯片内容与结构，生成可直接在网页使用的 HTML格式。

下载

<style type="text/css">
table {
  border: 1px solid #1C6EA4;
  background-color: #EEEEEE;
  text-align: center;
  border-collapse: collapse;
  width: 100%;
}
td {
  width: 33.333%;
  padding: 8px;
  border: 1px solid #ccc;
}
</style>

connect_error) { die("Connection failed: " . $connection->connect_error); } // 查询所有设备数据 $select = "SELECT Equipment_Name FROM equipment"; $result = $connection->query($select); if (!$result || $result->num_rows === 0) { echo ""; } else { $rowNum = 0; echo "\n"; // 开启首行 while ($row = $result->fetch_assoc()) { echo "\n"; $rowNum++; // 当前为第3、6、9...条时，且不是最后一条，则闭合当前行并开启新行 if ($rowNum % 3 === 0 && $rowNum num_rows) { echo "\n\n"; } } // 强制闭合最后一行（无论是否满3列） echo "\n"; } $connection->close(); ?>

暂无设备信息
" . htmlspecialchars($row["Equipment_Name"]) . "

✅ 关键要点说明：

使用单个数据库连接，提升性能与可维护性；
htmlspecialchars() 防止XSS攻击，增强安全性；
$rowNum % 3 === 0 判断是否为第3、6、9…条，配合 $rowNum num_rows 避免在末尾多输出；
必须在循环外补上最终
CSS中td { width: 33.333% }配合table { width: 100% }确保三列等宽自适应（建议用CSS Grid或Flexbox替代表格布局以获更好响应性，但本例保持语义化表格结构）。

? 进阶提示： 若需支持更多列数（如每4列换行），仅需将 3 替换为对应数字，并同步调整CSS宽度即可。此模式具备良好扩展性，适用于产品展示、卡片列表等典型场景。