NetSuite高级PDF模板CSS和HTML在添加其他表格行时忽略高度并弄乱布局

我有下面的表格，中间的一列占了页面的70%。但是，当我取消注释前两个表行时，它会弄乱布局，中间的列只显示页面的大约50%。此外，水平规则和“接收者：”行忽略任何高度和行高度更改。这是NetSuite高级PDF/HTML报告模板的一部分

有人知道为什么吗

            <table class="footer" style="width: 100%">
  <!-- <tr><td colspan="4" rowspan="1" style="width: 100%;"><span class="synh7recby">Received by:&nbsp;</span></td></tr>
  <tr><td colspan="4" rowspan="1" style="width: 100%; height:1px;"><hr /></td></tr> -->
  <tr>
  <td rowspan="2" style="width: 20%;"><barcode codetype="code128" showtext="true" value="${record.tranid}"/></td>
  <td colspan="2" rowspan="1" style="width: 70%;"><span class="synh9"><strong>BANKING DETAILS:</strong> Standard Bank, Company, Account No: 1, Branch Code: 2, SWIFT Addr: 3</span></td>
  <td align="right" rowspan="2" style="width: 10%;"><pagenumber/> of <totalpages/></td>
  </tr>
  <tr>
  <td rowspan="1" style="width: 34%; padding: 3px 5px 0px 0px;"><span class="synh11">The debt evidenced by this account has been ceded. No set off will be recognised. No obligation has been delegated by us and any claim or dispute will remain our responsibility.</span></td>
  <td rowspan="1" style="width: 34%; padding: 3px 0px 0px 5px;"><span class="synh11">All supplies and services shall exclusively be subject to the terms and conditions. On request, we will provide you with a copy of the terms and conditions.</span></td>
  </tr></table>

---

已通过以下方式解决此问题：

            <table class="footer" style="width: 100%">
  <tr>
     <td colspan="1" rowspan="1" style="width: 20%; line-height: 100%; height: 100%;"><span class="synh9">Received by:&nbsp;</span></td>
     <td colspan="2" rowspan="1" style="width: 70%;">&nbsp;</td>
     <td colspan="1" style="width: 10%;">&nbsp;</td>
  </tr>
  <tr><td colspan="4" rowspan="1" style="width: 100%; height:1px; line-height: 3px;"><hr /></td></tr>
  <tr>
  <td rowspan="2" style="width: 20%;"><barcode codetype="code128" showtext="true" value="${record.tranid}"/></td>
  <td colspan="2" rowspan="1" style="width: 70%;"><span class="synh9"><strong>BANKING DETAILS:</strong> Bank, Account No: 1, Branch Code: 2, SWIFT Addr: 3</span></td>
  <td align="right" rowspan="2" style="width: 10%;"><pagenumber/> of <totalpages/></td>
  </tr>
  <tr>
  <td rowspan="1" style="width: 34%; padding: 3px 5px 0px 0px;"><span class="synh11">The debt evidenced by this account has been ceded to the bank. No set off will be recognised. No obligation has been delegated by us and any claim or dispute will remain our responsibility.</span></td>
  <td rowspan="1" style="width: 34%; padding: 3px 0px 0px 5px;"><span class="synh11">All supplies and services of the company shall exclusively be subject to the terms and conditions on our website. On request, we will provide you with a copy of the terms and conditions.</span></td>
  </tr></table>

收到人：

银行详情：银行，账号：1，分行代码：2，SWIFT地址：3
属于
该账户证明的债务已转给银行。不承认任何抵销。我方未委托任何义务，任何索赔或争议仍由我方负责。
本公司的所有供应品和服务仅受本公司网站上的条款和条件的约束。根据要求，我们将向您提供条款和条件的副本。

在JSFIDLE中尝试过，但在这两种情况下，表的百分比似乎都是70%，您能在存在此问题的地方做一次调整吗？关于

line height

，您应该将其应用于

td

元素，而不是

span

，或者将

span

替换为

div

。无法重新创建您的问题。我也试过JSFIDLE，恐怕这只会发生在NetSuite模板中，而不会发生在JSFIDLE中。将添加NetSuite标记。

            <table class="footer" style="width: 100%">
  <tr>
     <td colspan="1" rowspan="1" style="width: 20%; line-height: 100%; height: 100%;"><span class="synh9">Received by:&nbsp;</span></td>
     <td colspan="2" rowspan="1" style="width: 70%;">&nbsp;</td>
     <td colspan="1" style="width: 10%;">&nbsp;</td>
  </tr>
  <tr><td colspan="4" rowspan="1" style="width: 100%; height:1px; line-height: 3px;"><hr /></td></tr>
  <tr>
  <td rowspan="2" style="width: 20%;"><barcode codetype="code128" showtext="true" value="${record.tranid}"/></td>
  <td colspan="2" rowspan="1" style="width: 70%;"><span class="synh9"><strong>BANKING DETAILS:</strong> Bank, Account No: 1, Branch Code: 2, SWIFT Addr: 3</span></td>
  <td align="right" rowspan="2" style="width: 10%;"><pagenumber/> of <totalpages/></td>
  </tr>
  <tr>
  <td rowspan="1" style="width: 34%; padding: 3px 5px 0px 0px;"><span class="synh11">The debt evidenced by this account has been ceded to the bank. No set off will be recognised. No obligation has been delegated by us and any claim or dispute will remain our responsibility.</span></td>
  <td rowspan="1" style="width: 34%; padding: 3px 0px 0px 5px;"><span class="synh11">All supplies and services of the company shall exclusively be subject to the terms and conditions on our website. On request, we will provide you with a copy of the terms and conditions.</span></td>
  </tr></table>