<table style="width: 100%;">
<tr>
<td style="text-align: center;width=100%;"><h4>Education</h4></td>
</tr>
</table>
这是我正在使用的代码。现在我想要这样的o/p:
我怎样才能画出这些水平线?
如果我将http://fiddle.jshell.net/4QskF/show/light/粘贴到html2pdf主页上的“输入您选择的 URL”框中,我会得到与您的图片相似的 PDF 输出。
我使用了这个 HTML/CSS:
<div style="border-bottom: 1px solid #000"></div>
<h4 style="width:200px; margin:-10px auto 0 auto; text-align:center; background:#fff">Education</h4>
它可能需要一些调整,以便您可以在文档中实际使用它,但我认为这个想法有效。
<table style="width: 100%; padding-top:-10px;">
<tr>
<td style="text-align: center;width=33%;"><hr style="height: .3mm; background: #000; "></td>
<td style="text-align: center;width=33%; padding-top:-5px;">
<h4>Education</h4>
</td>
<td style="text-align: center;width=33%;"><hr style="height: .3mm; background: #000; "> </td>
</tr>
</table>
这解决了我的问题。