HTML表格中2行之间的间距

Question

我有一个表有一些填充空白，如表单，我想创建一个看起来很像真正的PDF文件的HTML表如何在<td>中创建2行看起来像很像这样：

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

以下是原始HTML的完成方式：

＆＃13;

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

Answer 1

您可以简单地使用border：

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>

Answer 2

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

试试HTML u标签......

Answer 3

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