我实际上正在编写一个模板工具,该工具能够读取格式正确的文本文件中编写的测试/测验,然后将其呈现在纸上(通过生成 PDF 文件)和网络上(通过创建 HTML + CSS + JS)。为了生成 PDF 文件,我选择了 TCPDF,但实际上我遇到了一个问题:有时我想创建表格并在其中放置复选框和文本框,就像您在这个模型图像中看到的那样:
如果我要在 HTML 中执行此操作,我只需创建一些或标记并使用相关的 CSS 属性在它们上应用边框,例如通过编写如下内容:
<style>
.dashed {
border: 2px dashed gray;
padding-left: 1em;
padding-right: 1em;
font-family: monospace;
}
.solid {
border: 2px solid gray;
padding-left: .75em;
padding-right: .75em;
margin-left: 1em;
margin-right: .5em;
font-family: monospace;
}
.solid:first-child {
margin-left: 0;
}
</style>
<table border="2" cellpadding="12" cellspacing="0">
<tr>
<td>What does 1 + 1 ?</td>
<td><span class="dashed"> </span>
</tr>
<tr>
<td>What does 2 + 2 ?</td>
<td>
<span class="solid">A</span>
One
<span class="solid">B</span>
Two
<span class="solid">C</span>
Three
<span class="solid">D</span>
Four
</td>
</tr>
</table>
(我实际上使用内联 CSS 进行解释,我通常不会以这种方式应用 CSS 样式)
不幸的是,如果我没记错的话,TCPDF 不支持 CSS 边框——所以我有点失落。你能给我一些提示和你对我可以做些什么来达到同样的结果的看法吗?
提前谢谢了