특정영역 div 페이지마다 인쇄할 수 있는 방법 질문드립니다.
본문
혼자서 골머리를 싸면서 하는데 답이 안나와서 질문올립니다ㅠ
@media print {
body * {
visibility: hidden;
}
#section-to-print, #section-to-print * {
visibility: visible;
}
#section-to-print {
background-color: white;
height: 100%;
width: 100%;
position: fixed;
top: 0;
left: 0;
margin: 0;
padding: 15px;
}
}
지금 css를 이런식으로 설정해서 #section-to-print에 인쇄하고 싶은 div를 넣어서
인쇄가 가능하도록 만들었는데요.
여기서 업그레이드해서 한번 버튼을 누르면
html 한 페이지가 아니라 여러페이지에 각각 똑같이 설정된 #section-to-print가 동시에 인쇄가 되서
한번에 다 인쇄될 수 있도록 할 수있는 코드를 짜고싶은데 답이 안나와서요..
혹시 작은 힌트라도 주신다면 감사히 연구해보겠습니다ㅠㅠ
답변 1
한 페이지가 아니라 여러페이지에 각각 똑같이 설정된 <-- 무슨 말인가요?
열려있는 페이지를 인쇄하는 것이 아니라 열려있지않은 페이지들도 인쇄를 하겠다는 것인가요?
네 그렇습니다! 안 열려있는 페이지도 한꺼번에 하고 싶습니다.
예를 들어 제품목록이 1페이지부터 10페이지까지 있는데 한번만 눌러도 전체가 다 나올수 있도록요..