Html2Pdf dom导出PDF 内带A4分页判断(简单、易懂)

这篇文章距离上次修改已过435天，其中的内容可能已经有所变动。

在HTML中使用CSS可以实现内含A4分页的效果，但是这需要打印机或PDF生成器支持。以下是一个简单的HTML和CSS示例，用于生成可在PDF中分页的文档：




<!DOCTYPE html>
<html>
<head>
    <title>A4分页示例</title>
    <style>
        @page {
            size: A4;
            margin: 0;
        }
        @media print {
            html, body {
                width: 210mm;
                height: 297mm;
            }
            div.page {
                page-break-after: always;
            }
        }
        .page-content {
            padding: 10px;
            box-sizing: border-box;
            height: 297mm;
        }
    </style>
</head>
<body>
    <div class="page-content">
        <!-- 这里是你的内容 -->
        这里是第一页的内容。
    </div>
    <div class="page-content page">
        <!-- 这里是你的内容 -->
        这里是第二页的内容。
    </div>
    <!-- 添加更多的.page-content以产生更多的页面 -->
</body>
</html>

在上述代码中，.page-content 类定义了内容区域的样式，而在打印媒体查询@media print中，我们设置了@page大小为A4并且每个.page-content后都添加了page-break-after: always;属性，这样每个.page-content结束后都会自动分页。

要生成PDF，可以使用如Spire.PDF等库，将HTML转换为PDF。以下是使用Spire.PDF的示例代码：




using Spire.Pdf;
using Spire.Pdf.HtmlConverter;
 
namespace HtmlToPdfWithA4Page
{
    class Program
    {
        static void Main(string[] args)
        {
            // 创建PdfDocument实例
            PdfDocument pdf = new PdfDocument();
 
            // 创建PdfHtmlConverter实例
            PdfHtmlConverter converter = new PdfHtmlConverter();
 
            // 加载HTML文件
            converter.LoadHtmlFile("path/to/your/html/file.html");
 
            // 将HTML转换为PDF
            converter.ConvertToPdf(pdf);
 
            // 保存PDF文件
            pdf.SaveToFile("output.pdf");
 
            // 关闭PdfDocument实例
            pdf.Close();
        }
    }
}

确保你已经安装了Spire.PDF库，并且将"path/to/your/html/file.html"替换为你的HTML文件路径。生成的PDF文件将保存为"output.pdf"。

Html2Pdf dom导出PDF 内带A4分页判断(简单、易懂)

评论已关闭

推荐阅读