DocX - 表格底行底部的額外空間

將 HTML 轉換為 DocX 時，我們始終會在表格底行的底部獲得額外的空間。 有誰有經驗知道什麼可能導致這種情況？

可能是你的 HTML 中的某些內容。 這個沒有：

<table>
<tr>
<th>Company</th>
<th>Contact</th>
<th>Country</th>
</tr>
<tr>
<td>Alfreds Futterkiste</td>
<td>Maria Anders</td>
<td>Germany</td>
</tr>
<tr>
<td>Centro comercial Moctezuma</td>
<td>Francisco Chang</td>
<td>Mexico</td>
</tr>
</table><p>By pressing the button below this HTML will be converted into a Word document.</p><p>Another paragraph</p>

這是一個程式碼範例，其中我們在邊框表格行中新增了一行 

<div data-block="Export.WBPrint佈局" class="OSBlockWidget" id="$b3"> 技術規格：int佈局" class="OSBlockWidget" id="b3-l1-36_0-$b1"> int佈局" class="OSBlockWidget" id="b3-l1-36_0-b1-l1_0-38_0-$b1"> 技術規格| 核心與全面| TS255 能源相關產品| 空調 | 255 生態設計與適用標準 設備必須附有安裝說明和使用者資訊。inted（在包裝和/或產品隨附的文件上）和電子格式，其中包括以下內容： 完整的安裝說明，包括： 規定設備應由經過充分訓練的安裝人員安裝的說明組裝或安裝設備時應採取的任何具體預防措施詳細說明安裝後如何正確調整設備控制設定的說明有關安裝人員可以向誰尋求安裝指導的信息維修人員操作說明使用者資訊，包括： 有能力的安裝人員和服務人員的參考資料關於正確使用和保養的建議int設備的性能關於使用者如何最大限度地減少設備對環境的影響的建議，特別是有關使用以最大限度地減少能源消耗的信息如果適用，有關診斷結果應如何顯示的信息 interpreted and how they can be improved</li><li><span style="color:black;">Information about which spare parts can be replaced</span></li><li><span style="color:black;">Recommendations on appropriate disposal at the product’s end-of-life</span></li></ol></div></div></div></div><div data-container="" id="b3-l1-36_0-b1-l1_0-38_0-b1-l1_0-40_0-conVerification3" style="margin-top: 10px;"><div data-container="" style="color: rgb(245, 130, 69); font-style: italic; font-weight: normal;"><span style="color: rgb(196, 89, 17);">Proposed verification:</span></div><div data-container="" class="table-row cke_contents_ltr" id="b3-l1-36_0-b1-l1_0-38_0-b1-l1_0-40_0-conVerification4" style="margin-top: 0px;"><div data-block="CKFlow.HTMLViewer" class="OSBlockWidget" id="b3-l1-36_0-b1-l1_0-38_0-b1-l1_0-40_0-$b5"><div data-container="" class="cke_contents_ltr" id="b3-l1-36_0-b1-l1_0-38_0-b1-l1_0-40_0-b5-InnerContainer"><p><span style="color:black;">Tenderers must provide the product Declaration of Conformity confirming that these requirements are met.</span></p></div></div></div></div></div></td></tr></tbody></table><div data-container="" id="b3-l1-36_0-b1-l1_0-38_0-b1-conContainer" style="margin-top: 0px;"><div data-container="" id="b3-l1-36_0-b1-l1_0-38_0-b1-conSpace6" style="height: 10px;"><div data-block="CKFlow.HTMLViewer" class="OSBlockWidget" id="b3-l1-36_0-b1-l1_0-38_0-b1-$b6"><div data-container="" class="cke_contents_ltr" id="b3-l1-36_0-b1-l1_0-38_0-b1-b6-InnerContainer"><p><br></p></div></div></div><div data-container="" id="b3-l1-36_0-b1-l1_0-38_0-b1-conWarnings" style="color: rgb(192, 0, 0);"><span data-expression="">Warning: </span><div data-container="" style="color: rgb(192, 0, 0); font-style: italic;"><div data-block="CKFlow.HTMLViewer" class="OSBlockWidget" id="b3-l1-36_0-b1-l1_0-38_0-b1-$b7"><div data-container="" class="cke_contents_ltr" id="b3-l1-36_0-b1-l1_0-38_0-b1-b7-InnerContainer"><p>555555</p></div></div></div><div data-container="" style="color: rgb(192, 0, 0); font-style: italic;"><div data-block="CKFlow.HTMLViewer" class="OSBlockWidget" id="b3-l1-36_0-b1-l1_0-38_0-b1-$b8"><div data-container="" class="cke_contents_ltr" id="b3-l1-36_0-b1-l1_0-38_0-b1-b8-InnerContainer"><p>6666666</p></div></div></div></div><div data-container="" id="b3-l1-36_0-b1-l1_0-38_0-b1-conSpace5" style="height: 10px;"><div data-block="CKFlow.HTMLViewer" class="OSBlockWidget" id="b3-l1-36_0-b1-l1_0-38_0-b1-$b9"><div data-container="" class="cke_contents_ltr" id="b3-l1-36_0-b1-l1_0-38_0-b1-b9-InnerContainer"><p><br></p></div></div></div><div data-container="" id="b3-l1-36_0-b1-l1_0-38_0-b1-conSpace4" style="height: 10px;"><div data-block="CKFlow.HTMLViewer" class="OSBlockWidget" id="b3-l1-36_0-b1-l1_0-38_0-b1-$b11"><div data-container="" class="cke_contents_ltr" id="b3-l1-36_0-b1-l1_0-38_0-b1-b11-InnerContainer"><p><br></p></div></div></div><div data-container="" id="b3-l1-36_0-b1-l1_0-38_0-b1-conMoreInformationLink" style="margin-top: 0px;"><div data-container="" style="color: rgb(62, 88, 114); font-style: italic;">More information:</div><div data-container="" id="b3-l1-36_0-b1-l1_0-38_0-b1-conMoreInformation2" style="margin-top: 0px;"><div data-block="CKFlow.HTMLViewer" class="OSBlockWidget" id="b3-l1-36_0-b1-l1_0-38_0-b1-$b12"><div data-container="" class="cke_contents_ltr" id="b3-l1-36_0-b1-l1_0-38_0-b1-b12-InnerContainer"><p>More information tab</p></div></div></div></div></div></div></div></td></tr></tbody></table></div></div></div></div><script style="display: flex; height: 0px; width: 100%;"></script></div></div></div></div>

你必須舉一個簡單的例子。 不是半頁 HTML。

看起來有一個“ “ 桌子被翻轉後 into 表格最後一行內的額外空間

這是有道理的。

這是關於什麼的出現在 html 中的 table 中或緊接著的指示器表示轉換將在表格最後一行的底部新增換行符。 我們正在使用由於 docx 設計的轉換忽略了 div 上的邊距和填充細節，因此將垂直元素隔開？

BR 將導致新增一行。 所以將建立一個新段落，然後附加一行。

因此，如果我只使用一個後面沒有段落標籤那麼也許我們不會看到添加新行 into 該表的最後一行？

這應該在現有段落後面追加一行。 但我懷疑間距會那麼大。

進一步診斷可以表明，表格中的段落或格式會導致在表格底部添加額外的空格

例如，如果您將此 HTML 轉換為 DocX，則沒有額外的空間

範例標題

候選人必須提交證據，證明直接負責安裝和任何輔助工程的人員具有與這些方面相關的經驗、資格和培訓。 這可以是過去三年執行的相關合約清單、推薦信、履歷、培訓記錄和/或其他資格和經驗證據的形式。

但這確實產生了額外的空間

範例標題

候選人必須提交證據，證明直接負責安裝和任何輔助工程的人員具有與這些方面相關的經驗、資格和培訓。


這可以是過去三年執行的相關合約清單、推薦信、履歷、培訓記錄和/或其他資格和經驗證據的形式。

此外，如果表格後面有任何文字有多個段落，則表格將在表格底部新增一行

範例標題

候選人必須提交證據，證明直接負責安裝和任何輔助工程的人員具有與這些方面相關的經驗、資格和培訓。

上架產品


用於測試的附加行

查看生成的 DocX，看起來表格最後一行的最後一個單元格在大於 0 的段落上被賦予了“after”  

如果您不想有空格，只需將 margin-bottom:0 加到最後一個 p 標記即可。

難道我做錯了什麼？ 按照您的指導添加樣式，仍然在底部表格行的底部看到額外的空間。

範例標題

候選人必須提交證據，證明直接負責安裝和任何輔助工程的人員具有與這些方面相關的經驗、資格和培訓。

上架產品


用於測試的附加行

它不應該是您設定樣式的儲存格內的段落嗎？