여백을 0으로 설정하지 않고 window.print ()에서 머리글과 바닥 글을 제거하는 방법은 무엇입니까?

악셀 레온

window.print ()를 사용하여 인쇄하려는 테이블이있는 HTML 코드가 있습니다. 모든 페이지에서 머리글과 바닥 글 (브라우저가 자동으로 추가하는 URL, 페이지 수 등)을 제거해야하지만 여백을 특정 크기로 유지해야합니다. 이것은 내 CSS입니다.

@page { 
    size: auto;
    margin: 5cm 0 5cm 0;
}
body {
    margin:0;
    padding:0;
}

table { page-break-inside:auto }
tr    { page-break-inside:avoid; page-break-after:auto }
thead { display:table-header-group }
tfoot { display:table-footer-group }

내가 일하는 회사가 이전에 레터 헤드 시트를 사용하고 있기 때문에이 5cm를 유지해야합니다. 여백을 수정하지 않고 이러한 머리글과 바닥 글을 제거하려면 어떻게해야합니까?

케난 굴러

@media printCSS 내 에서 쿼리를 사용하십시오 . 예를 들면 :

@media print {
  thead, tfoot {  
    display: none !important
  }
}

그렇게 쉬웠 으면 좋겠어요. 즉, 브라우저가 생성하는 자동 머리글과 바닥 글에는 URL, 페이지 수 및 기타 쓸모없는 (내 상황에서는) 데이터가 포함됩니다.

좋아, 이제 알았다. 시도해 볼 수 있습니다 (Chrome에서 작동해야 함).

@media print {
  @page {
    size: auto;
    margin: 0mm;
  }

  /* in case @page {margin: 5cm 0 5cm 0;} doesn't work */
  body {
    padding-top: 5cm !important;
    padding-bottom: 5cm !important;
  }
}

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

Related 관련 기사

뜨겁다태그

보관