我实际上正在编写一个模板工具,它能够读取在正确格式化的文本文件中编写的测试/测验,然后在纸上(通过生成PDF文件)和Web(通过创建)进行渲染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边框 - 所以我感觉有点迷失。您能否给我一些提示和您对我能做些什么以获得相同结果的意见?
非常感谢提前
答案 0 :(得分:0)
您是否尝试过使用HTML边框标记?例如:border="2"
bordercolor="yellow"
bgcolor="red"