为了账号安全,请及时绑定邮箱和手机立即绑定

带有 IronPDF 的表格布局 C#

带有 IronPDF 的表格布局 C#

C#
红颜莎娜 2022-06-12 16:42:30
在 C# 中,我使用 IronPDF 从 MYSQL 数据库中的数据创建 PDF。对于布局,我使用表格并使用单独的 CSS 文件对其进行设计。当我在dreamweaver 或浏览器中尝试生成的HTML 和CSS 时,一切正常。当我在 IronPDF 中尝试时,生成的 PDF 中的表格边框不显示,并且表格中的 textalignment 是错误的。有人知道这是怎么回事吗?IronPDF 中有什么东西会导致这个问题吗?HTML:<html><head><meta charset="utf-8">    <link rel="stylesheet" type="text/css" href="test.css"/><title>test</title></head><body>CSS:#page {width: 21cm 29.7cm;margin: 27mm 16mm 27mm 16mm;}
查看完整描述

3 回答

?
开满天机

TA贡献1786条经验 获得超13个赞

更新:

IronPDF 完全支持 CSS3 和表格。自 2021.9 版以来,它 100% 兼容 Chrome 2021

https://www.nuget.org/packages/IronPdf/


查看完整回答
反对 回复 2022-06-12
?
ibeautiful

TA贡献1993条经验 获得超5个赞

Ironpdf 仅接受内联 CSS,因此外部 CSS 不起作用。因此,请避免在 HTML 代码中使用类。还可以使用谷歌浏览器检查您的表格布局,因为 Ironpdf 会像谷歌浏览器一样渲染布局。你的代码应该像


<!DOCTYPE html>

<html>

<body>

<h2>Basic HTML Table</h2>

<table style="width:100% ; border: 1px solid black ; border-collapse: collapse; ">

  <tr style=" border: 1px solid black ; border-collapse: collapse ">

    <th style=" border: 1px solid black ; border-collapse: collapse ">Firstname</th>

    <th style=" border: 1px solid black ; border-collapse: collapse ">Lastname</th> 

    <th>Age</th>

  </tr>

  <tr style=" border: 1px solid black ; border-collapse: collapse ">

    <td style=" border: 1px solid black ; border-collapse: collapse ">Jill</td>

    <td style=" border: 1px solid black ; border-collapse: collapse ">Smith</td>

    <td style=" border: 1px solid black ; border-collapse: collapse ">50</td>

  </tr>  

</table>

</body>

</html>


查看完整回答
反对 回复 2022-06-12
?
忽然笑

TA贡献1806条经验 获得超5个赞

这个问题很旧,但这可能对其他人有所帮助。正如之前的答案所指出的,Ironpdf 不支持来自文件的外部 css(尽管它确实支持来自 urls 的外部 css ..)


因此,理想情况下,您在渲染器的同一个 html 文档中提供 css。这可以内联或在 html 头中完成,我更喜欢 html 头选项,如下所示


<!DOCTYPE html>

<html>

    <head>

        <style>

            table{

                width:100%;

                border: 1px solid black;

                border-collapse: collapse; 

            }

            tr, th, td{

                border: 1px solid black;

                border-collapse: collapse;

            }

        </style>

    </head>

    <body>

    <h2>Basic HTML Table</h2>

        <table>

            <tr>

                <th>Firstname</th>

                <th>Lastname</th> 

                <th>Age</th>

            </tr>

            <tr>

                <td>Jill</td>

                <td>Smith</td>

                <td>50</td>

            </tr>  

        </table>

    </body>

</html>

这会留下一个更干净的 html 文件并适用于当前版本的 ironpdf


查看完整回答
反对 回复 2022-06-12
  • 3 回答
  • 0 关注
  • 130 浏览

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信