【问题标题】:Gembox.Document: Convert HTML to Pdf, border css does not workGembox.Document:将 HTML 转换为 Pdf,边框 css 不起作用
【发布时间】:2019-04-06 09:50:17
【问题描述】:

我正在使用 Gembox.Document 将 HTML 转换为 PDF。这是我的 HTML:

<div style="border-top:5px solid black;border-left:5px solid black;padding:2px 15px;font-size:18px;font-weight:bold;line-height:22px; background-color:aquamarine;width:230px">
    Test
</div>

但在 PDF 中,边框丢失了。

你知道如何解决这个问题吗?

编辑:我添加示例代码:(测试 HTML 链接:https://www.gemboxsoftware.com/document/examples/c-sharp-convert-html-to-pdf/307

<!DOCTYPE html>
<html>
  <body>   
   <table style="width:100%;" cellpadding="0" cellspacing="0">
            <tr>
                <td style="width:50%;">
                    <div style="border-top:5px solid black;border-left:5px solid black;padding:2px 15px;font-size:18px;font-weight:bold;line-height:22px; background-color:aquamarine;width:230px">
                        Test
                    </div>
                </td>
                <td style="width:50%;font-size:18px;font-weight:bold;line-height:22px;">Number</td>
            </tr>            
        </table>

   <div style="border-top:5px solid black;border-left:5px solid black;padding:2px 15px;font-size:18px;font-weight:bold;line-height:22px; background-color:aquamarine;width:230px">
                        Test
                    </div>

  </body>
</html>

编辑 2:我找到了修复的解决方案,它确实不是很漂亮,但至少它对我有用

<table style="width:100%;" cellpadding="0" cellspacing="0">
        <tr>
            <td style="width:50%;">
                <table style="width:150px;margin:0px" cellpadding="0" cellspacing="0">
                    <tr>
                        <td style="border-top:1px solid black;border-left:1px solid black;">
                            <div style="padding:2px 15px;font-size:18px;font-weight:bold;line-height:22px;">
                                Test
                            </div>
                        </td>
                    </tr>
                </table>
            </td>
            <td style="width:50%;font-size:18px;font-weight:bold;line-height:22px;">Number</td>
        </tr>
    </table>

【问题讨论】:

  • 其他边框有效吗?更简单的边框是否有效?他们的网页上是否有示例表明这应该有效?
  • 某些 css 样式在将 html 转换为 pdf 时不适用于 Gembox.Document。示例: display:none 我用可见性代替。现在我还没有找到边框 css 的解决方案
  • 我添加了源代码,我想出了如何解决这个问题

标签: c# .net pdf gembox-document


【解决方案1】:

你用的是什么版本?也许您应该使用当前最新的错误修复版本重试from here

我尝试转换此 HTML:

我得到了这个 PDF:

您可能会注意到,顶部和左侧边框都在那里。此外,除了“宽度”之外的所有其他 CSS 都在那里。
最后,我还尝试了“显示”和“可见性”,似乎两者都有效。

【讨论】:

  • 我添加了示例源代码。使用表格时看起来有问题
猜你喜欢
  • 2023-02-26
  • 2021-08-12
  • 2019-01-29
  • 2016-12-06
  • 2018-02-15
  • 1970-01-01
  • 1970-01-01
  • 2019-05-11
  • 1970-01-01
相关资源
最近更新 更多