Webをキャプチャして変換するツール
GrabzItのオンラインコミュニティ

DocX - 表の最下行の下部に追加のスペース

WebページまたはHTMLをキャプチャまたは変換する方法について質問する into画像、CSV、PDF、またはDOCXドキュメント、およびビデオの変換方法 intoアニメーションGIFはAPIを使用しています。

HTML を DocX に変換すると、表の最下行の下部に追加のスペースが常に発生します。 これの原因について経験のある人はいますか?

5 年 2022 月 XNUMX 日に匿名からの質問

おそらく 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>

 

5 年 2022 月 XNUMX 日に GrabzIt サポートが回答

これは、枠線付きボックステーブルの行に追加の行を取得するコードの例です。 

 

<div data-block="エクスポート.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>

5 年 2022 月 XNUMX 日に匿名によって回答されました

簡単な例を示す必要があります。 HTML の半分のページもありません。

5 年 2022 月 XNUMX 日に GrabzIt サポートが回答

」を持っていることのようです「形勢が逆転した後」 into テーブルの最後の行内の追加のスペース

5 年 2022 月 XNUMX 日に匿名によって回答されました

それは当然だろう。

6 年 2022 月 XNUMX 日に GrabzIt サポートが回答

それは何ですか? HTML の表内または表の直後に出現する場合は、変換によって表の最終行の末尾に改行が追加されることを示します。 私たちは使っていますdocxの設計による変換ではdivのマージンとパディングの詳細が無視されるため、垂直要素の間隔をあけますか?

 

 

6 年 2022 月 XNUMX 日に匿名によって回答されました

BR を使用すると、新しい行が追加されます。 それで新しい段落を作成してから行を追加します。

6 年 2022 月 XNUMX 日に GrabzIt サポートが回答

を使用するだけで十分だと考えていますの後に段落タグがなければ、 そうすれば、おそらく新しい行は追加されないでしょう intそのテーブルの最後の行は何ですか?

6 年 2022 月 XNUMX 日に匿名によって回答されました

これにより、既存の段落に行が追加されるはずです。 しかし、間隔がこれほど大きくなるかは疑問です。

6 年 2022 月 XNUMX 日に GrabzIt サポートが回答

さらに診断すると、表内の段落や書式設定により、表の下部に追加のスペースが追加されることが判明する場合があります。

たとえば、この HTML を DocX に変換すると、追加のスペースは存在しません。

 



ヘッダーの例




候補者は、設置および付随作業を直接担当する担当者が、これらの各側面に関連する経験、資格、トレーニングを受けているという証拠を提出する必要があります。 これは、過去 XNUMX 年間に実施された関連契約のリスト、推薦状、履歴書、トレーニング記録、および/または資格や経験のその他の証拠の形式である場合があります。


 

しかし、これは追加のスペースを生成します



ヘッダーの例




候補者は、設置および付随作業を直接担当する担当者が、これらの各側面に関連する経験、資格、トレーニングを受けているという証拠を提出する必要があります。


これは、過去 XNUMX 年間に実施された関連契約のリスト、推薦状、履歴書、トレーニング記録、および/または資格や経験のその他の証拠の形式である場合があります。


 

12 年 2022 月 XNUMX 日に匿名によって回答されました

また、表の後に複数の段落があるテキストがある場合、表の下部に行が追加されます。

 



ヘッダーの例




候補者は、設置および付随作業を直接担当する担当者が、これらの各側面に関連する経験、資格、トレーニングを受けているという証拠を提出する必要があります。

XNUMX:XNUMX-XNUMX:XNUMX


掲載されている商品


テスト用の追加行

  

13 年 2022 月 XNUMX 日に匿名によって回答されました

結果の DocX を見ると、テーブルの最後の行の最後のセルに、段落の「後」が 0 より大きいように見えます。  

13 年 2022 月 XNUMX 日に匿名によって回答されました

スペースを入れたくない場合は、最後の p タグに margin-bottom:0 を追加してください。

13 年 2022 月 XNUMX 日に GrabzIt サポートが回答

私は何か間違ったことをしているでしょうか? スタイルを追加するためのガイダンスに従って、テーブルの一番下の行の下部に余分なスペースがまだ表示されています。

 



ヘッダーの例




候補者は、設置および付随作業を直接担当する担当者が、これらの各側面に関連する経験、資格、トレーニングを受けているという証拠を提出する必要があります。

XNUMX:XNUMX-XNUMX:XNUMX


掲載されている商品


テスト用の追加行

13 年 2022 月 XNUMX 日に匿名によって回答されました

スタイルを設定するセル内の段落ではないでしょうか?

13 年 2022 月 XNUMX 日に GrabzIt サポートが回答