웹을 이루는 기술CSS 를 이용한 화면 인쇄 방법 (A4용지 기준)

페이지 정보

no_profile 최고관리자 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 작성일 21-11-03 18:24 1,414 0

본문

[code]

<style type="text/css">
@media print {
    html, body { -webkit-print-color-adjust:exact; width: 210mm; height: 297mm; }
    table { page-break-inside:auto; }
    tr    { page-break-inside:avoid; page-break-after:auto; }
    thead { display:table-header-group; }
    tfoot { display:table-footer-group; }
}
</style>

[/code]

<style type="text/css">
@media print {
    html, body { -webkit-print-color-adjust:exact; width: 210mm; height: 297mm; }
    table { page-break-inside:auto; }
    tr    { page-break-inside:avoid; page-break-after:auto; }
    thead { display:table-header-group; }
    tfoot { display:table-footer-group; }
}

</style>

보통 table 때문에 짤릴텐데 이렇게 하면 잘 프린트 됩니다.

추천 0

댓글목록