css 将HTML简历转换为PDF,无需更改模板

zc0qhyus  于 2023-04-01  发布在  其他
关注(0)|答案(2)|浏览(100)

我试着把这个html格式的简历转换成pdf格式打印出来,但是你看修改后的模板有问题,比如比较html格式和pdf格式的技能。
这是这个项目的Github repo:https://github.com/xriley/DevResume-Theme这是一个HTML文件的示例:https://themes.3rdwavemedia.com/demo/devresume/
我怎么能永远解决它?
我需要这个:https://themes.3rdwavemedia.com/wp-content/uploads/2019/04/DevResume-Sketch-Template-PDF-Preview.pdf

daolsyd0

daolsyd01#

方案一-不编码:

您可以从更多设置中选择边距为custom,以便对每个页面进行相应的更改。

然后,您可以drag这些蓝色虚线边框调整文本根据您的需要。
因为我已经向上拖动下边框,使高级开发人员文本出现在下一页。
第一节第一节第一节第二节第一节

方案2 -带编码:

只需从解决方案1中调整每页的边距。
然后通过在**CSS**中使用@page。您可以在打印文档时修改边距。您不能使用@page更改所有CSS属性。只有少数属性,例如打印页面时的边距等。

@page:first {         <-----  first here is refering to only First Page
 margin-left: 0.75cm;
 margin-top: 0.25cm;
 margin-bottom: 0.25cm;
 margin-right: 0.75cm;
}

如果您想在所有页面上应用边距,只需执行以下操作:

@page { your margins values }

您可以在这里阅读更多关于@page属性的信息。

z8dt9xmd

z8dt9xmd2#

我发现最简单的解决方案.没有任何coding.你只需要部署你的简历像网站例如在Netlify.然后去这个网站https://www.sejda.com/html-to-pdf把你的链接到yopur网站在哪里你的简历和转换为pdf.你会看到没有任何变化的结果都将看起来像在你的网站一样

相关问题