html生成PDF打印中文重叠,html转为pdf/打印的几个问题

生成pdf工具比较

chrome打印和预览

prince

wkhtmltopdf(pdfkit基于此)

收费

无需插件

收费软件(未购买可正常使用，但生成的pdf右上角有个P字图片，可pdf软件中手动删除，即使不除打印时候也不会有)

开源

flex布局

支持

不支持

不完全支持(使用中有错位，未追究原因)

print css

支持纸张大小、方向、@media print

几乎完全支持，包括页眉页脚设置等等

同chrome(具体记不太清了)

print css

http://www.w3cplus.com/css/designing-for-print-with-css.html 原生支持包括纸张大小、方向、页眉页脚(包括上下左右边框自定义样式内容)等等高级功能 但是目前浏览器和生产pdf的软件大多不支持，只可简单使用@media print

html转pdf/打印的一些问题

border显示很粗

问题

如果内容使用下划线或者border属性，会发现边框很粗，原因是border-width无法设置到小于1px，又由于像素转为纸张的固定尺寸(厘米/英寸)后会变宽，所以打印后线条很粗

解决：

如果是单实线，可以使用一个div设置宽/高小于1px，设置背景色

可使用border-image设置一个图像做边框，用法请参考 http://www.360doc.com/content/14/1016/13/2792772_417403574.shtml 例如 要做1/2px的细实