打印预览工具
实时预览文档打印效果，检查边距和出血
📖 使用指南 点击查看详细使用说明和功能介绍
收起 展开
📖 使用指南
点击查看详细使用说明和功能介绍
打印预览工具
免费在线打印预览工具，支持实时预览文档在不同纸张和方向下的显示效果，显示边距和出血区域，生成打印CSS代码，一键复制。
主要功能
1. 实时预览
- 支持A4、A3、Letter纸张预览
- 纵向/横向方向切换
- 缩放比例：50%、75%、100%
2. 辅助功能
- 显示/隐藏边距参考线
- 显示/隐藏出血区域
- 保留/忽略背景色
3. 内容编辑
- 输入文档内容进行预览
- 支持添加分页符
- 实时查看预览效果
4. CSS代码生成
- 生成@page规则
- 生成打印样式
- 一键复制使用
使用方法
- 选择纸张大小
- 设置页面方向
- 配置显示选项
- 输入文档内容
- 查看预览效果
- 点击"复制CSS"
适用场景
- 文档设计：预览文档打印效果
- 排版调整：检查页面布局
- 出血检查：确保重要内容在安全区域内
- 打印准备：生成打印样式代码
常见问题
什么是出血？
出血是指文档边缘向外扩展的区域，用于确保裁切时不会出现白边。通常设置为3mm。
如何添加分页符？
点击"添加分页符"按钮即可在内容中添加分页标记。
缩放有什么用？
缩放可以模拟文档在打印时的实际大小，帮助更好地预览效果。
打印预览
210 × 297px
# 文档标题
这是一个示例文档内容，用于演示打印预览功能。
## 第一章
这是第一章的内容，包含一些示例段落。
### 1.1 小节
这里是1.1小节的内容，可以包含文字、图片等内容。
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
## 第二章
这是第二章的内容，继续演示不同的内容结构。
### 1.2 小节
这里是1.2小节的内容，可以继续添加更多内容。
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
A4 纵向
边距
出血
生成CSS
<!-- 打印预览设置 -->
<!-- Paper: A4 -->
<!-- Orientation: portrait -->
<!-- Scale: 100% -->
<!-- Show Margins: true -->
<style>
@media print {
@page {
size: 210mm 297mm portrait;
}
body { -webkit-print-color-adjust: exact !important; print-color-adjust: exact !important; }
.page-break { page-break-after: always; }
}
</style>