html - HTML 表格中两行之间的间距

Question

我有一个表格，上面有一些填空的表格，我想创建一个看起来很像真正的 PDF 文件的 HTML 表格，如何在 <td> 中创建 2 行？看起来很像这样:

现在它在页面中看起来像这样:

这是它如何完成的原始 HTML:

    <table>
         <tr><td><font>Balance Forward: $1,000.00</font><br/>
    <font>______________________________________</font></td></tr></table>

Answer 1

你可以简单地使用边框:

span {
  padding: 0 50px;
  border-bottom: 1px solid;
}

<table>
  <tr>
    <td>
      Balance Forward: <span>$1,000.00</span>
    </td>
  </tr>
</table>

或者如果你想保留一个表结构，就这样

.border {
  padding: 0 50px;
  border-bottom: 1px solid;
}

<table>
  <tr>
    <td>
      Balance Forward:
      </td>
    <td class="border">
      $1,000.00
    </td>
  </tr>
  <tr>
    <td>
      Balance Forward:
      </td>
    <td class="border">
      $10.00
    </td>
  </tr>
</table>