군

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

· 2021-11-01 (월) 02:59:13 · 15417 · 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개

좋은 팁입니다. 감사합니다.
좋은 팁입니다!!굿굿좝
2021-11-01 (월) 14:02:47
정말 멋지십니다!! 잘 활용하겠습니다. ^^
감사합니다.
좋은팁 감사합니다. 북마크 해두고 필요할때 잘 쓰겠습니다.
인쇄
좋은 팁 감사드려요!
2021-12-03 (금) 21:05:17
좋은정보 감사할 따름입니다. 꾸벅~~
댓글을 작성하시려면 로그인이 필요합니다.

그누보드5 팁자료실

2,788건
+
제목 글쓴이 날짜 조회
21-11-19 조회 6,401
21-11-17 조회 6,942
21-11-14 조회 7,032
21-11-12 조회 6,259
21-11-10 조회 7,124
21-11-10 조회 7,596
21-11-09 조회 1.1만
21-11-09 조회 6,835
21-11-08 조회 5,850
21-11-06 조회 7,077
21-11-06 조회 7,813
21-11-01 조회 1.5만
21-10-31 조회 5,625
21-10-30 조회 6,540
21-10-23 조회 5,634
21-10-20 조회 6,896
21-10-16 조회 5,474
21-10-16 조회 6,058
21-10-14 조회 6,321
21-10-12 조회 6,375
21-10-08 조회 8,388
21-10-07 조회 6,508
21-10-05 조회 6,405
21-10-03 조회 6,563
21-10-02 조회 6,165
21-09-29 조회 5,559
21-09-28 조회 8,005
21-09-25 조회 6,405
21-09-25 조회 7,096
21-09-25 조회 6,931