1
<table style="width: 100%;">
        <tr>
            <td style="text-align: center;width=100%;"><h4>Education</h4></td>
        </tr>
</table>

这是我正在使用的代码。现在我想要这样的o/p:

在此处输入图像描述

我怎样才能画出这些水平线?

4

2 回答 2

3

如果我将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>

它可能需要一些调整,以便您可以在文档中实际使用它,但我认为这个想法有效。

于 2011-02-10T21:48:15.403 回答
2
<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>

这解决了我的问题。

于 2011-02-10T21:50:54.750 回答