在将含长表格的网页导出为 pdf 时，表格跨页断裂会导致页尾无底边框、页首无顶边框。本文提供一套兼容主流 pdf 生成工具（如 chrome 打印、wkhtmltopdf）的纯 css 解决方案，通过智能控制分页行与相邻单元格的边框颜色，确保跨页处边框视觉连续。
当浏览器或 PDF 生成引擎对表格进行分页时，它会将
核心思路是：用空白占位行（ 以下为推荐实现代码： HTML 结构需配合使用： 立即学习“前端免费学习笔记（深入）”； ✅ 注意事项与优化建议： 该方案无需 JavaScript，零依赖，已在 Chrome DevTools → Print Preview、Electron PDF 导出及 wkhtmltopdf 0.12.x+ 环境中稳定验证。只要合理插入分页锚点，即可实现专业级 PDF 表格边框连续呈现。）主动触发分页，并精确控制其上下相邻行的边框颜色，模拟连续边框效果。关键在于利用 page-break-after: always 强制分页，并通过 border-color: white（或与背景色一致的颜色）隐藏特定方向的边框，使相邻行的对应边框“显露”出来，形成无缝衔接。 table {
border-collapse: collapse; /* 必须启用，避免双线边框 */
width: 100%;
}
table, tr, td, th {
border: 1px solid #000; /* 统一边框样式，建议用具体颜色而非 'solid' */
padding: 8px;
}
/* 分页占位行：强制分页，并隐藏自身左右及底边框 */
.page-break {
page-break-after: always;
border-left-color: white;
border-right-color: white;
border-bottom-color: white;
}
/* 紧随其后的首行：隐藏左右及顶边框，让上一行的底边框（即分页行的 visible bottom）与本行 top 共同构成完整分隔线 */
.page-break-next-row {
border-left-color: white;
border-right-color: white;
border-top-color: white;
}
数据行 1 数据行 2
数据行 N+1（新页首行） 数据行 N+2
