展开本页目录
开始前准备什么
- 需要支持 Design Mode 的 Cursor Agents Window 与浏览器界面；实际版本需记录。
- Design Mode 提供浏览器元素/样式上下文，不是原生 PDF 排版工具；PDF 由真实浏览器打印生成。
- 打印字体需本机可用；纸张、缩放、页边距固定后再比较。
- 打开已有二十六行交付单
- 用 Design Mode 选择具体元素
- 把修改目标限定为打印规则
- 处理重复表头和不可拆行
- 用原生浏览器打印真正 PDF
- 逐页回读行号、表头与总计
- 保留源码与实际打印条件
原创输入、提示词、原生配置、参考源码、实际结果和验收说明；不含模型账号或运行缓存。
按独立目录运行，原生代理会话需由自己另行执行。
Chromium 原生打印的三页人工 CSS 参考，含 26 行和重复表头。
已连接错误CSS；与修复参考分开。
1. 打开已有二十六行交付单
先打开 print.before.html；它确实加载 print.before.css，打印时表格宽1200px、表头变block且允许拆行。与 print.html 的人工修复参考分开，先看 before-reference.pdf 的真实裁切错误，再核对固定的26行长中文与合计。
2. 用 Design Mode 选择具体元素
在 Cursor Agents Window 浏览器打开本地 print.before.html，进入 Design Mode，选择过宽的表格和错误表头。让元素、computed styles 和具体标注进入上下文；修复时保留 before 版本，使用 print.html 仅作可审校的人工参考。
3. 把修改目标限定为打印规则
要求 @page A4、固定 16mm 页边距、打印隐藏按钮，移除 1200px 固定宽。屏幕样式和打印样式分开，避免为了打印把日常页面缩成一张不可读小图。
4. 处理重复表头和不可拆行
在 @media print 中保留 thead 的 table-header-group，tr 设 break-inside:avoid；合计只出现一次。长中文允许换行，不能用 overflow:hidden 悄悄吞字。
5. 用原生浏览器打印真正 PDF
先对错误页打印一份 before PDF，再对修复页打印 A4，固定16mm页边距。本站已经用 Chromium 真正输出 before-reference.pdf/reference.pdf 并逐页渲染，不把网页截图改成PDF。
本地练习命令
python3 -m http.server 4384 --bind 127.0.0.16. 逐页回读行号、表头与总计
打开 reference.pdf 和对应页面 PNG，核对 01–26 无缺失、第二页有表头、行内容不跨页截断、合计与 expected.json 一致。页数和字体与运行环境一起记录，不能只凭文件非空验收。
7. 保留源码与实际打印条件
交付打印 CSS、PDF、浏览器版本和纸张参数。你在 Cursor 的实际修改另存 diff；本站 PDF 来自人工 CSS 参考，不是目标代理已经完成的证明。
怎样确认已经完成
- Chromium 真正打印的 A4 PDF应能按 README 在独立目录重现。
- 旧文由截图生成 React 或导出演示文稿 PDF；本题在已有业务表格上用原生元素选择提供上下文，修实际打印分页和长行排版。
- 目标代理真实结果须另存；人工参考、原生会话和官方示例分别识别。
常见问题
网页表格打印被截断，Cursor 能按元素改吗？
要求 @page A4、固定 16mm 页边距、打印隐藏按钮，移除 1200px 固定宽。屏幕样式和打印样式分开，避免为了打印把日常页面缩成一张不可读小图。
A4 交付单怎样保留中文、重复表头和合计？
打开 reference.pdf 和对应页面 PNG，核对 01–26 无缺失、第二页有表头、行内容不跨页截断、合计与 expected.json 一致。页数和字体与运行环境一起记录，不能只凭文件非空验收。
本题哪些结果已经实际运行？
已运行的是Chromium 真正打印的 A4 PDF。原生功能操作按官方文档编排，目标代理未调用；英文检索可用“Cursor Design Mode CSS A4 print table pagination”定位对应术语，但这不是搜索量或热榜声明。