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

· 2021-11-01 (월) 02:59:13 · 14664 · 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 조회 5,460
21-11-17 조회 6,161
21-11-14 조회 6,196
21-11-12 조회 5,523
21-11-10 조회 6,349
21-11-10 조회 6,874
21-11-09 조회 1.1만
21-11-09 조회 6,136
21-11-08 조회 5,112
21-11-06 조회 6,323
21-11-06 조회 7,066
21-11-01 조회 1.5만
21-10-31 조회 4,933
21-10-30 조회 5,803
21-10-23 조회 4,866
21-10-20 조회 6,155
21-10-16 조회 4,752
21-10-16 조회 5,318
21-10-14 조회 5,593
21-10-12 조회 5,633
21-10-08 조회 7,632
21-10-07 조회 5,758
21-10-05 조회 5,548
21-10-03 조회 5,849
21-10-02 조회 5,376
21-09-29 조회 4,860
21-09-28 조회 7,268
21-09-25 조회 5,672
21-09-25 조회 6,358
21-09-25 조회 6,087