当我们谈论从HTML生成PDF时, 首选wkhtmltopdf。由于该命令行工具的简单性, 准确性, 速度以及与不同平台和编程语言的兼容性, 因此它被全世界许多开发人员广泛使用(因为它是一种命令行工具, 可以从任何编程语言中调用)。如果你不熟悉使用wkhtmltopdf生成PDF, 并且不知道如何添加新的PDF, 那么你将在本文中轻松地学习如何使用它。
要将新页面添加到文档中, 可以将以下CSS规则添加到应在其中添加新页面的元素中:
page-break-before: always;
page-break-before属性设置是否应在指定元素之前进行分页符。显然, 如果没有应该在其中添加规则的位置(通常作为一种很好的做法), 则可以简单地使用以下样式创建一个空的div元素:
<
div style="page-break-before: always;
">
<
/div>
【如何使用wkhtmltopdf在PDF上添加新页面】或者, 你可以在文档中创建一个具有特定CSS规则的类, 而只需将该类添加到一个空的div中:
<
style type="text/css" media="screen, print">
.new-page{page-break-before: always;
}<
/style>
<
!-- Add new page -->
<
div class="new-page">
<
/div>
<
!-- Begin new page elements......-->
例子以下HTML应生成一个包含3页的PDF文件, 其中包含一些用于指定当前页码的文本。它使用new-page类将css规则添加到空div元素:
<
!DOCTYPE html>
<
head>
<
meta charset="utf-8" />
<
style type="text/css" media="screen, print">
.new-page {page-break-before: always;
}<
/style>
<
/head>
<
body>
<
div>
<
p>
Page 1<
/p>
<
div class="new-page">
<
/div>
<
p>
Page 2<
/p>
<
div class="new-page">
<
/div>
<
p>
Page 3<
/p>
<
/div>
<
/body>
编码愉快!
推荐阅读
- 用于移动safari的html5网络应用程序,用于从Photos.app上传图像()
- 如何在Windows的XAMPP中使用cmd提示符导入mysql数据库
- 如何使用CSS和jQuery禁用文档中的文本选择
- 如何使用自己的logo创建自定义加载栏
- 如何使用TinyMCE和Prism.js添加代码段
- 如何解决Xampp错误(启动Apache时,另一个应用程序(Skype)正在使用端口80)
- 如何创建与Skype交互的HTML链接(通话,聊天,查看个人资料,添加到联系人)
- HTML5 Accesskey属性(你可能不需要JavaScript即可添加键盘快捷键)
- Webpack无效的主机标头(无法从LAN访问Webpack开发服务器)