화면 인쇄 window.print() 완벽하게 인쇄하기

· 4년 전 · 12424 · 8

화면 인쇄 window.print() 완벽하게 인쇄하는 방법 입니다.

A4 용지 기준으로 인쇄가 되고

table, tr 에 내용이 길어 인쇄시 짤려 두 페이지로 인쇄되는 문제 해결 방법 입니다.

 

아래 내용 추가하시고 브라우저 인쇄 버튼 누르시고 확인하시면 됩니다.

 

 

<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>

|

댓글 8개

좋은 팁입니다. 감사합니다.
좋은 팁입니다!!굿굿좝
정말 멋지십니다!! 잘 활용하겠습니다. ^^
좋은팁 감사합니다. 북마크 해두고 필요할때 잘 쓰겠습니다.
좋은 팁 감사드려요!
좋은정보 감사할 따름입니다. 꾸벅~~
댓글을 작성하시려면 로그인이 필요합니다.

그누보드5 팁자료실

+
제목 글쓴이 날짜 조회
4년 전 조회 3,429
4년 전 조회 2,761
4년 전 조회 3,536
4년 전 조회 3,219
4년 전 조회 3,732
4년 전 조회 3,867
4년 전 조회 3,283
4년 전 조회 4,254
4년 전 조회 4,618
4년 전 조회 8,160
4년 전 조회 3,968
4년 전 조회 2,974
4년 전 조회 4,129
4년 전 조회 4,838
4년 전 조회 1.2만
4년 전 조회 2,817
4년 전 조회 3,514
4년 전 조회 2,765
4년 전 조회 3,978
4년 전 조회 2,588
4년 전 조회 3,085
4년 전 조회 3,473
4년 전 조회 3,475
4년 전 조회 5,392
4년 전 조회 3,711
4년 전 조회 3,457
4년 전 조회 3,685
4년 전 조회 3,241
4년 전 조회 2,680
4년 전 조회 5,084