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 に答える