<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>
これで私の問題は解決しました。