如何消除TCPDF表格首行顶部的多余空白/内边距

以下是针对TCPDF生成PDF时表格首行顶部空白问题的具体解决办法，已验证可覆盖常见场景：

1. 替换<p>标签为<span>消除隐性间距 #

TCPDF对<p>标签的解析会保留默认行高或隐性上下间距，即使设置margin:0也无法完全清除。将<p>替换为<span>并设置display:block保持换行，可彻底消除这类空白：

修改后的代码片段：

$html = '
<h5 style="font-size: 12px; font-weight: bold; margin-bottom: 0;">Outcome Details</h5>
<table border="1" cellspacing="0" cellpadding="0" style="width: 100%; border-collapse: collapse; margin-top: 0;">
  <tbody>
    <tr>
      <td style="width: 100px; padding: 0; vertical-align: top;">
        <span style="font-size: 9px; display: block;">Passport Number:</span>
        <span style="font-size: 9px; display: block;">Passport Country:</span>
        <span style="font-size: 9px; display: block;">Visa Class:</span>
        <span style="font-size: 9px; display: block;">Visa Granted:</span>
        <span style="font-size: 9px; display: block;">Visa Expires:</span>
        <span style="font-size: 9px; display: block;">Entitlements:</span>
      </td>
      <td style="width: 440px; padding: 0; vertical-align: top;">
        <span style="font-size: 9px; display: block;">' . $document_number . '</span>
        <span style="font-size: 9px; display: block;">' . $document_country . '</span>
        <span style="font-size: 9px; display: block;">VC/' . $visa_subclass . '</span>
        <span style="font-size: 9px; display: block;">2022-06-09+10:00</span>
        <span style="font-size: 9px; display: block;">2024-08-30+10:00</span>
        <span style="font-size: 9px; display: block;">' . $entitlements . '</span>
      </td>
    </tr>
  </tbody>
</table>
';

2. 强制设置行高与垂直对齐 #

给表格的<tr>、<td>及内部<p>标签添加line-height: 1和vertical-align: top，确保内容紧贴单元格顶部：

$html = '
<h5 style="font-size: 12px; font-weight: bold; margin-bottom: 0;">Outcome Details</h5>
<table border="1" cellspacing="0" cellpadding="0" style="width: 100%; border-collapse: collapse; margin-top: 0;">
  <tbody>
    <tr style="line-height: 1;">
      <td style="width: 100px; padding: 0; vertical-align: top; line-height: 1;">
        <p style="font-size: 9px; margin: 0; line-height: 1;">Passport Number:</p>
        <p style="font-size: 9px; margin: 0; line-height: 1;">Passport Country:</p>
        <p style="font-size: 9px; margin: 0; line-height: 1;">Visa Class:</p>
        <p style="font-size: 9px; margin: 0; line-height: 1;">Visa Granted:</p>
        <p style="font-size: 9px; margin: 0; line-height: 1;">Visa Expires:</p>
        <p style="font-size: 9px; margin: 0; line-height: 1;">Entitlements:</p>
      </td>
      <td style="width: 440px; padding: 0; vertical-align: top; line-height: 1;">
        <p style="font-size: 9px; margin: 0; line-height: 1;">' . $document_number . '</p>
        <p style="font-size: 9px; margin: 0; line-height: 1;">' . $document_country . '</p>
        <p style="font-size: 9px; margin: 0; line-height: 1;">VC/' . $visa_subclass . '</p>
        <p style="font-size: 9px; margin: 0; line-height: 1;">2022-06-09+10:00</p>
        <p style="font-size: 9px; margin: 0; line-height: 1;">2024-08-30+10:00</p>
        <p style="font-size: 9px; margin: 0; line-height: 1;">' . $entitlements . '</p>
      </td>
    </tr>
  </tbody>
</table>
';

3. 调整writeHTML参数避免自动间距 #

调用writeHTML时，设置参数禁用自动换行和样式重置，减少额外间距：

$pdf->writeHTML($html, false, false, true, false, '');

参数说明：

• 第2个参数$ln：设为false避免在HTML内容后自动添加换行间距
• 第4个参数$reseth：设为true确保自定义样式不被默认样式覆盖

4. 清除标题与表格的间距 #

检查<h5>标签的默认底部间距，添加margin-bottom: 0，同时给表格设置margin-top: 0，避免两者间距叠加：

<h5 style="font-size: 12px; font-weight: bold; margin-bottom: 0;">Outcome Details</h5>
<table border="1" cellspacing="0" cellpadding="0" style="width: 100%; border-collapse: collapse; margin-top: 0;">

内容的提问来源于stack exchange，提问作者Sheikh Wahab Mahmood