html转化pdf文字无法显示,HTML 转 PDF 排雷 之 wkhtmltopdf 转换得到的PDF没有内容

问题描述

用浏览器打开正常，但使用工具 wkhtmltopdf 转换成 PDF 文档后却看不到任何内容。

html 代码如下：

index

--allow

这个参数只在“页面对象”是一个文件时有效，在“页面对象”是一个url时此参数无效。

这个参数的作用是为HTML页面中使用相对路径引用的文件指定一个加

载文件的基目录。也就是说HTML文件中所有以相对路径指定的文件都

会从 --allow 参数指定的目录进行加载。其实在HTML中指定 base 标签

可以达到同样的目的。如果两者(--allow参数和base标签)都没有指定，

则使用当前处理的HTML文件所在的目录作为基目录加载当前处理的HTML中相对路径指定的文件。

CSS 代码如下：

.main {

position:absolute;

top:0;

left:0;

overflow-y:auto;

bottom:0;

right:0

}

在浏览器中打开是正常的，但是用 wkhtmltopdf 转换成PDF文档后看到的是一片空白。

反复修改CSS代码中overflow-y的值发现以下规则：

overflow-y:auto 时PDF文档是空白

overflow-y:scroll 时PDF文档是空白

overflow-y:visible 时PDF文档正常了

overflow-y:hidden 时PDF文档空白

以上四种情况下在浏览器中页面显示都是正常的

反复修改CSS代码中的position属性发现以下规