TCPDF 用动态下划线/边框底部对齐文本

Question

我无法将这个设计实现到 TCPDF，输出是附加图像上的屏幕截图。 （考虑到 TCPDF 的 html 标记有限）

根据字段的值会有一个动态下划线，一些没有文本的字段将具有与布局相对应的默认下划线

如果您能够提供示例 html，能否请您将其添加到 plunkr 或其他在线工具，将不胜感激。

泰

Answer 1

您可以在 TD 中使用 div。

<td style="color:#000; font-size:9px;"><div class="underlined">Some Text</div></td>

用CSS

.underlined { 
      border-bottom: 0.1em solid #000;       
}

即使文本不可用，这也会在文本下打印下划线。

Answer 2

使用 HTML2PDF 怎么样？

HTML2PDF 比 TCPDF 处理 HTML 更好：它允许您使用 CSS 类，并且它有更多很酷的功能，特别是对于 TCPDF 不擅长的动态内容。

下载HTML2PDF或访问他们的网站并查看示例。

http://html2pdf.fr/en/default