2011-02-10 15 views
0
<table style="width: 100%;"> 
     <tr> 
      <td style="text-align: center;width=100%;"><h4>Education</h4></td> 
     </tr> 
</table> 

これは私が使用しているコードです。html2pdfを使用し、両側の線で中央揃え

enter image description here

どのように私はこれらの水平線を描くことができます。今、私はこのようなO/Pをしたいですか?

+0

このサイトでJSを使用できますか? –

+0

私はpdfへのhtmlを使用しています。pdfへのhtmlコードのカバー...チェックタグ.. –

答えて

1
<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> 

これが私の問題を解決しました。

3

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> 

を。

+0

urヘルプのおかげで..しかし、私は何かを試してみました。 .. –

+0

@piemesons:私のほうが少し短いです:)(そして、同じ否定的な考え方を使用しています)あなたはあなたの答えに 'width = 33%'を使用していることに気づきました。 – thirtydot

+0

ohh thnks ...たくさん... –

関連する問題