4 套风格不同的 HTML 简历模板，全部针对 A4 纸张做了打印适配：真实物理尺寸、四边留白、分页保护、背景色可打印。
推荐 Chrome 或 Edge（对 CSS 分页支持最好）。模板右下角也有「打印 / 存为 PDF」按钮，点一下即可。
不要选「适应页面」或自定义缩放，否则毫米级的版面会整体缩小，字号变小、留白错位。
两个单栏模板的留白写在 @page 里（上下 12–13mm、左右 15–16mm），边距选「默认」时浏览器会自动采用；两个双栏模板需要选「默认」让色块铺满整页。
这一步最容易漏。不勾选的话，侧边栏的深色底、名片渐变、技能条、标签底色全部不会打印出来，只剩黑白文字。
然后在「目标打印机」里选 另存为 PDF 或直接选打印机输出。建议先存一份 PDF 留档，再拿去打印。
| 模板 | 版面 | 内容超一页 | 背景色块 | 推荐场景 |
|---|---|---|---|---|
| 1 · 经典单栏 | 单栏 | 自动续页，每页留白一致 | 少量（标题色块） | 国企 / 金融 / 考公考编 |
| 2 · 侧边栏双栏 | 左右双栏 | 按单页设计，超页会破坏色块 | 大面积深色 | 互联网 / 产品 / 设计 |
| 3 · 极简时间轴 | 单栏 + 时间轴 | 自动续页，每页留白一致 | 无（纯黑白灰） | 技术岗 / 校招 / 学术 |
| 4 · 现代双栏 | 顶部色块 + 双栏 | 按单页设计，超页会破坏色块 | 中量（名片 + 卡片） | 互联网 / 设计 / 外企 |
姓名-岗位-工作年限.pdf，例如「林知远-高级前端-6年.pdf」。| 模板 | 内容高度 | 一页容量 | 实测打印 |
|---|---|---|---|
| 1 · 经典单栏 | 约 239mm | 273mm | 1 页 ✓ 余量 34mm |
| 2 · 侧边栏双栏 | 约 252mm | 270mm | 1 页 ✓ 余量 18mm |
| 3 · 极简时间轴 | 约 231mm | 271mm | 1 页 ✓ 余量 40mm |
| 4 · 现代双栏 | 约 230mm | 273mm | 1 页 ✓ 余量 43mm |
数据来源：用 Chrome 无头模式按 A4 逐份导出 PDF 后核对页数与纸张尺寸（210 × 297mm）。模板 1、3 内容变长会自然续到第二页且留白保持一致；模板 2、4 是按单页设计的，改动时请配合上面的红色虚线控制篇幅。
.html，直接改中文内容，保存后刷新浏览器即可。:root { --accent: ...; } 这样的变量区，只改这一行就能整体换主色调。font-family。中文用户建议保留「Microsoft YaHei / PingFang SC」这套系统字体栈，兼容性最好，打印不会跑版。.avatar 样式，把 background 改成 url(你的照片.jpg) center/cover，照片放在同一目录即可。@page { margin: ... }（单栏模板）或 .page { padding: ... }（双栏模板）。