gpt4 book ai didi

css - 使用 cfdocument 生成 PDF

转载 作者:行者123 更新时间:2023-11-28 19:04:50 25 4
gpt4 key购买 nike

实际的 table 比我要给你看的模型大很多,但这个模型确实解释了这个问题。请转http://www.monteandjanicechan.com/test_table.cfm

表格中网格线的粗细在 HTML 版本中达到了我想要的方式。您可以查看源代码以查看生成的实际 HTML 内容。现在,我将这些 HTMl 代码放在格式为“pdf”的 cfdocument 标签中;请转至http://www.monteandjanicechan.com/test_table_pdf.cfm .您会看到打喷嚏和流感的网格线粗细不一致。为了进一步说明我的观点,我删除了背景颜色并生成了一个 PDF;请转至http://www.monteandjanicechan.com/test_table_pdf_nocolor.cfm .网格线粗细恢复正常。

这让我相信一个单元格的背景颜色以某种方式转移到它旁边的单元格并盖住了边框。以下是奇怪的事情:

1) 这只发生在 rowspan 中,并且只发生在从第二行到 rowspan 的其余部分。例如,第一次打喷嚏没问题,但第二次打喷嚏的边界不正确;第一次流感没问题,但第二次和第三次流感的边界不正确。

2) 背景颜色完全不覆盖其自身单元格的边框;它只覆盖紧挨着它的单元格的边框。

我的问题是,我该如何解决这个问题?

非常感谢任何建议和指示。

最佳答案

粗细在 HTML 版本中也有所不同。我认为问题出在您的 CSS 规则上。

这可以按照我认为的方式工作,尽管它可能会有所改进。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Test Table</title>
<style type="text/css">
td {
border-top: 1px solid black;
border-left: 1px solid black;
}
.right { border-right: 1px solid black; }
.bottom {border-bottom: 1px solid black; }
</style>
</head>
<body>
<table border="0" cellspacing="0" cellpadding="5">
<tr>

<td class="a_style">Name</td>
<td class="a_style">Problem</td>
<td class="right">Treatment</td>
</tr>
<tr>
<td class="b_first">Jane Doe</td>
<td class="c_first" style="background-color:#ffff99">Cough</td>

<td class="right" style="background-color:#ffff99">Vitamins</td>
</tr>
<tr>
<td class="b">John Doe</td>
<td class="c" style="background-color:#99FF99">Sneezing</td>
<td class="right" rowspan="2" style="background-color:#99FF99">Nose Spray</td>
</tr>

<tr>
<td class="b">Joe Schmo</td>
<td class="" style="background-color:#99FF99">Sneezing</td>
</tr>
<tr>
<td class="b">Joe Six Pack</td>
<td class="c" style="background-color:#cccccc">Flu</td>

<td class="right bottom" rowspan="3" style="background-color:#cccccc">Flu Shot</td>
</tr>
<tr>
<td class="b">Joe The Plumber</td>
<td class="" style="background-color:#cccccc">Flu</td>
</tr>
<tr>

<td class="bottom">Joe Doe</td>
<td class="bottom" style="background-color:#cccccc">Flu</td>
</tr>
</table>
</body>
</html>

关于css - 使用 cfdocument 生成 PDF,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3979622/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com