phantom-html2pdf文档的控制布局

phantom-html2pdf文档的控制布局,html,css,node.js,pdf-conversion,Html,Css,Node.js,Pdf Conversion,我正在使用在节点应用程序中动态生成PDF。转换工作正常,但布局完全关闭。例如,html文档是一种表单,它由部分组成,有时两列并排 我正在使用css进行一些样式和布局,在PDF转换之前,这些样式和布局已经排到HTML中。在PDF转换之后,所有内容都在一列中,尽管事实上我有带class=“mui-col-md-6”的div在浏览器中呈现良好 我尝试添加自定义CSS和添加pageSize值,但无论我做什么,都不会产生我想要的结果 以下是我目前的选择。注意,我已经通过了一些css,我试图“重塑”文档,使

我正在使用在节点应用程序中动态生成PDF。转换工作正常,但布局完全关闭。例如,html文档是一种表单,它由部分组成,有时两列并排

我正在使用css进行一些样式和布局,在PDF转换之前,这些样式和布局已经排到HTML中。在PDF转换之后,所有内容都在一列中,尽管事实上我有带
class=“mui-col-md-6”
的div在浏览器中呈现良好

我尝试添加自定义CSS和添加
pageSize
值,但无论我做什么,都不会产生我想要的结果

以下是我目前的选择。注意,我已经通过了一些css,我试图“重塑”文档,使其更像原始HTML,但它似乎对最终布局的影响有限。此外,我还设置了一个负边框,这有点帮助,但并没有像我所希望的那样完全删除PDF边框

 var pdfOptions = {
    html: html, // html with in-lined MUI styles - columns not rendering
    css: pdfCss, // This CSS seems to have has limited control over final layout
    paperSize: {format: 'A4', orientation: 'portrait', border: '-2cm'}
  }
如果有人对如何更好地控制布局,使其看起来更像我的HTML有任何建议,我将不胜感激。干杯

更新

phantom-html2pdf似乎忽略了任何内联css,只应用作为选项一部分传入的css。同样,我对任何指示都持开放态度,所以如果我错了或错过了一些步骤,请纠正我,以便更好地控制最终布局