html转换pdf的解决方案

最新推荐文章于 2025-09-10 10:12:04 发布

原创

最新推荐文章于 2025-09-10 10:12:04 发布 · 565 阅读

·

1

·

CC 4.0 BY-SA版权

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

文章标签：

#前端 #html #wkhtmltox #html转pdf

本文介绍了如何在前端通过设置打印样式解决html转换为pdf的问题，包括控制分页样式和处理图片/表格跨页问题。重点推荐使用wkhtmltox工具，并详细说明了安装和使用方法，包括设置页脚、封面、目录页，以及一些常用的命令行参数，以实现自定义PDF格式。

html转换pdf的解决方案

前端设置打印样式

1.控制分页样式

#page {
   
   
    page-break-after:always
 }

2.图片/表格在换页位置上会被分割的问题

* {
   
   
   page-break-inside: avoid; /*换页不允许在元素内部分割*/
}

利用wkhtmltox进行转换

可在官方网站下下载exe文件进行安装，安装完成后可以在bin目录下找到wkhtmltopdf.exe这个文件，用cmd执行，有很多可选参数控制生成pdf的格式,大体上分成页面，目录，封面，详细说明见文章：

最低0.47元/天解锁文章

200万优质内容无限畅学

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。