微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

iText 7 pdfHtml是否支持CSS网格布局?

如何解决iText 7 pdfHtml是否支持CSS网格布局?

对于iText 7是否支持CSS网格布局,我似乎找不到确切的答案。在我的C#代码中,我只是使用以下行:

HtmlConverter.ConvertToPdf(new FileInfo(@"testgrid.html"),new FileInfo(@"out.pdf"));

注意:我正在使用iText 7 v7.1.12

让我们说我的html / css代码看起来像这样:

@page {
    size: A4;
    margin: 0;
}

.grid {
    display: grid;
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
}
<div class="grid">
    <div>
        <h3>A</h3>
    </div>
    <div>
        <h3>B</h3>
    </div>
    <div>
        <h3>C</h3>
    </div>
    <div>
        <h3>D</h3>
    </div>
</div>

如果运行上面的HTML代码段,则可以看到网格布局按预期显示,但是当我运行C#代码并打开out.pdf文件时,网格样式将被忽略,并且看到A, B,C和D在单独的行上。

enter image description here

我是否缺少某些东西,还是iText 7 HtmlConverter根本不支持CSS中的display: grid;

解决方法

IronPDF iText 7 HTML到PDF转换器均不支持format.filenameMaxLengthdisplay: grid;

如果您想使用C#将HTML / CSS转换为PDF但它包含grid / flex,我认为唯一的方法是使用无头镀铬:

display: flex;

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。