使用html2pdf中心對齊使用兩側的線條

Question

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

這是我正在使用的代碼。現在我想O/P是這樣的：

怎樣繪製這些水平線？

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

這解決了我的問題。

Answer 2

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

它可能需要一些調整，所以你實際上可以在文檔中使用它，但我認爲這個想法的作品。