웹 캡처 및 변환 도구
GrabzIt의 온라인 커뮤니티

DocX - 테이블 맨 아래 행 하단에 추가 공간

웹 페이지 또는 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 지원팀에서 답변함

그래서 내가 그냥 사용하면 아마도 그럴 것이라고 생각하고 있습니다. 뒤에 단락 태그가 없는 경우 그러면 아마도 새 줄이 추가되는 것을 볼 수 없을 것입니다 into 그 테이블의 마지막 행이요?

6년 2022월 XNUMX일 익명의 답변

기존 단락에 한 줄을 추가해야 합니다. 하지만 간격이 그렇게 클지는 의문입니다.

6년 2022월 XNUMX일 GrabzIt 지원팀에서 답변함

추가 진단을 통해 표의 단락이나 서식 지정으로 인해 표 하단에 추가 공백이 추가되는 것으로 나타날 수 있습니다.

예를 들어 이 HTML을 DocX로 변환하면 추가 공간이 없습니다.

 



예시 헤더




응시자는 설치 및 보조 작업을 직접 담당하는 직원이 이러한 각 측면과 관련된 관련 경험, 자격 및 교육을 받았다는 증거를 제출해야 합니다. 이는 지난 XNUMX년 동안 수행된 관련 계약 목록, 추천서, CV, 교육 기록 및/또는 기타 자격 및 경험 증거의 형태일 수 있습니다.


 

하지만 이것은 추가 공간을 생성합니다



예시 헤더




응시자는 설치 및 보조 작업을 직접 담당하는 직원이 이러한 각 측면과 관련된 관련 경험, 자격 및 교육을 받았다는 증거를 제출해야 합니다.


이는 지난 XNUMX년 동안 수행된 관련 계약 목록, 추천서, CV, 교육 기록 및/또는 기타 자격 및 경험 증거의 형태일 수 있습니다.


 

12년 2022월 XNUMX일 익명의 답변

또한 두 개 이상의 단락이 있는 표 뒤에 텍스트가 있는 경우 표는 표 하단에 줄을 추가합니다.

 



예시 헤더




응시자는 설치 및 보조 작업을 직접 담당하는 직원이 이러한 각 측면과 관련된 관련 경험, 자격 및 교육을 받았다는 증거를 제출해야 합니다.




켜져 있는 제품


테스트용 추가 행

  

13년 2022월 XNUMX일 익명의 답변

결과 DocX를 보면 테이블의 마지막 행의 마지막 셀에 0보다 큰 단락의 "after"가 제공되는 것처럼 보입니다.  

13년 2022월 XNUMX일 익명의 답변

공백을 원하지 않으면 마지막 p 태그에 margin-bottom:0을 추가하면 됩니다.

13년 2022월 XNUMX일 GrabzIt 지원팀에서 답변함

내가 뭔가 잘못하고 있는 걸까요? 스타일을 추가하라는 안내에 따라 테이블 하단 행 하단에 추가 공간이 여전히 표시됩니다.

 



예시 헤더




응시자는 설치 및 보조 작업을 직접 담당하는 직원이 이러한 각 측면과 관련된 관련 경험, 자격 및 교육을 받았다는 증거를 제출해야 합니다.




켜져 있는 제품


테스트용 추가 행

13년 2022월 XNUMX일 익명의 답변

스타일을 적용한 셀 내부의 단락이어야 하지 않나요?

13년 2022월 XNUMX일 GrabzIt 지원팀에서 답변함