# HTML转PDF（精确排版）

使用浏览器渲染HTML/CSS生成精确页眉页脚的PDF

> 标准页面: https://elysiatools.com/zh/tools/html-to-pdf-precise

- **分类:** Document Tools

- **关键词:** pdf, html, css, 打印, 页眉, 页脚, 排版, 精准

## 概述

此工具使用无头浏览器渲染HTML/CSS，适合高精度排版。 \*\*页眉页脚：\*\* - 支持自定义HTML模板 - 使用 \`\` 与 \`\` 显示页码 - 可直接写内联样式 \*\*打印设置：\*\* - A4/Letter/Legal页面大小 - 边距（毫米） - 背景打印与缩放 - 支持 \`@page\` 与 \`@media print\`（启用“优先CSS页面尺寸”）

## 输入项

- **HTML内容** (textarea): # Hello PDF Write your HTML here...
- **自定义CSS** (textarea): /* Optional custom styles */
- **页面尺寸** (select)
- **横向** (checkbox)
- **打印背景** (checkbox)
- **缩放比例** (number)
- **上边距（毫米）** (number)
- **下边距（毫米）** (number)
- **左边距（毫米）** (number)
- **右边距（毫米）** (number)
- **页眉模板（HTML）** (textarea)
- **页脚模板（HTML）** (textarea)
- **媒体类型** (select)
- **等待条件** (select)
- **额外等待时间（毫秒）** (number)
- **优先CSS页面尺寸** (checkbox)

## 适用场景

- 需要将网页内容或自定义HTML代码转换为高保真PDF文档时。
- 需要为文档添加包含自动页码的自定义页眉或页脚时。
- 需要通过CSS精确控制打印布局、边距及背景显示时。

## 工作原理

- 输入或粘贴您的HTML代码，并根据需要添加自定义CSS样式。
- 在设置面板中选择页面尺寸、边距及缩放比例，并配置页眉页脚模板。
- 点击转换按钮，工具将通过无头浏览器渲染页面并生成可下载的PDF文件。

## 使用案例

- 将动态生成的财务报表HTML转换为标准A4格式的PDF存档。
- 为企业内部文档添加带有公司Logo和自动页码的页眉页脚。
- 将复杂的网页布局通过CSS精确调整后，导出为用于打印的专业手册。

## 常见问题

### 如何添加自动页码？

在页眉或页脚模板中，使用 \`\` 表示当前页码，使用 \`\` 表示总页数。

### 支持CSS打印样式吗？

支持。您可以直接在CSS区域编写 `@media print` 规则，或勾选“优先CSS页面尺寸”以应用 `@page` 规则。

### 如何确保背景颜色被打印出来？

请在设置中勾选“打印背景”选项，这样CSS中定义的背景色和背景图片将会被渲染到PDF中。

### 页面尺寸有哪些选择？

工具支持 A4、Letter、Legal 和 A5 等常用标准页面尺寸。

### 转换时页面加载不完整怎么办？

您可以调整“等待条件”选项（如设置为 networkidle0），或增加“额外等待时间”以确保页面资源完全加载后再生成PDF。

## 相关工具

- [HTML转PDF渲染器](https://elysiatools.com/zh/tools/html-to-pdf-renderer): 将有限HTML子集渲染为PDF
- [邮件HTML转PDF](https://elysiatools.com/zh/tools/libreoffice-html-mail-to-pdf): 将邮件HTML内容渲染为PDF并保留基础排版
- [PDF页眉页脚片段](https://elysiatools.com/zh/tools/pdf-header-footer-snippets): 将HTML转换为PDF，并插入Logo/标题/日期等页眉页脚片段
- [PDF发票生成器](https://elysiatools.com/zh/tools/pdf-invoice-generator): 使用结构化明细生成带品牌的发票PDF
- [PDF页码样式](https://elysiatools.com/zh/tools/pdf-page-numbering-styles): 将HTML转换为PDF，并支持罗马/阿拉伯/章节前缀页码
- [PDF表格排版引擎](https://elysiatools.com/zh/tools/pdf-table-layout-engine): 将结构化表格数据渲染为带重复表头与斑马纹的分页PDF
- [PDF转HTML](https://elysiatools.com/zh/tools/pdf-to-html): 将PDF文档转换为HTML网页，保留格式和结构
- [PDF 表格提取到 CSV/JSON](https://elysiatools.com/zh/tools/pdf-table-extractor-to-csv-json): 用 OpenDataLoader 从 PDF 中抽取表格，并导出为结构化 JSON、扁平 CSV 或 HTML 表格

## 示例

- [PDF示例](https://elysiatools.com/zh/samples/pdf-samples): 2026-02-01 到 2026-02-10 工具生成的PDF示例
- [Markdown 幻灯片示例](https://elysiatools.com/zh/samples/md-slide-deck-to-pdf): 用于测试 PDF 导出的 Remark/Marp 风格 Markdown 幻灯片
- [HTML 查看器样本](https://elysiatools.com/zh/samples/html-viewer-samples): 用于浏览器内 HTML 查看器的样本文件
- [包含图片的HTML示例](https://elysiatools.com/zh/samples/html-with-images): 包含图片的HTML源代码示例，用于测试提取

## 相关内容

- [HTML 内容提取、清理与交付工作流](https://elysiatools.com/zh/hubs/html-content-extraction-cleanup-and-delivery): 从 HTML 中提取链接、图片、属性和表格，去掉无关标记，并交付经过核对的 Markdown、PDF 或 CSV 输出。
- [可打印 PDF 版式工作流](https://elysiatools.com/zh/hubs/print-pdf-layout-workflows): 把 HTML、Markdown、README 或纯文本转换成带页面模板、字体、页眉页脚、页码、目录、多栏和方向检查的精致 PDF。
- [HTML 邮件审稿与 PDF 交付](https://elysiatools.com/zh/hubs/html-convert): 检查 HTML 邮件元标签、关键属性和图片引用，在需要时生成便于审稿的简化副本，并输出可分享的 PDF 校样。