【发布时间】: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