군

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

· 2021-11-01 (월) 02:59:13 · 14953 · 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,880
21-11-17 조회 6,489
21-11-14 조회 6,524
21-11-12 조회 5,824
21-11-10 조회 6,659
21-11-10 조회 7,161
21-11-09 조회 1.1만
21-11-09 조회 6,416
21-11-08 조회 5,410
21-11-06 조회 6,623
21-11-06 조회 7,370
21-11-01 조회 1.5만
21-10-31 조회 5,209
21-10-30 조회 6,105
21-10-23 조회 5,165
21-10-20 조회 6,457
21-10-16 조회 5,038
21-10-16 조회 5,606
21-10-14 조회 5,886
21-10-12 조회 5,931
21-10-08 조회 7,928
21-10-07 조회 6,075
21-10-05 조회 5,852
21-10-03 조회 6,150
21-10-02 조회 5,674
21-09-29 조회 5,144
21-09-28 조회 7,556
21-09-25 조회 5,964
21-09-25 조회 6,660
21-09-25 조회 6,429