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

· 4년 전 · 12300 · 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,311
4년 전 조회 2,645
4년 전 조회 3,425
4년 전 조회 3,113
4년 전 조회 3,616
4년 전 조회 3,706
4년 전 조회 3,157
4년 전 조회 4,155
4년 전 조회 4,510
4년 전 조회 8,008
4년 전 조회 3,849
4년 전 조회 2,890
4년 전 조회 4,022
4년 전 조회 4,738
4년 전 조회 1.2만
4년 전 조회 2,726
4년 전 조회 3,411
4년 전 조회 2,664
4년 전 조회 3,834
4년 전 조회 2,494
4년 전 조회 3,007
4년 전 조회 3,382
4년 전 조회 3,374
4년 전 조회 5,291
4년 전 조회 3,620
4년 전 조회 3,352
4년 전 조회 3,591
4년 전 조회 3,151
4년 전 조회 2,594
4년 전 조회 4,976