代码之家 › 专栏 › 技术社区 › Khai Nguyen

文档:将HTML转换为PDF,边框CSS不起作用

gembox-document pdf .net c#

Khai Nguyen · 技术社区 · 7 年前

我习惯于 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-word-pdf-html/304 )

<!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>