웹 페이징 프린팅 씬라인 형태의 페이징 프린팅을 위한 궁극적인 전략_HTML/Xhtml_웹페이지 제작
- WBOY원래의
- 2016-05-16 16:44:061559검색
최근에 의뢰인에게 인쇄를 하게 되었는데, 의뢰인께서 인쇄할 때 페이지의 헤더를 인쇄하지 말고 양식 내부의 내용만 인쇄하라고 제안하셨습니다. 헤더에 배경과 인쇄 버튼이 있고 얇아야 하기 때문입니다. -선 형태는 아닌 것 같아요. 아주 간단하죠?
아직도 얇은 선 표 만드는 법을 모르신다면, 아래 코드를 참고해서 효과를 보세요:)
< ;table cellSpacing=0 cellPadding=0 border=0>
>그런 다음 배경을 인쇄하도록 IE를 설정했는데 끝났다고 생각했습니다.
결과를 인쇄하고 미리 보면 머리에 커다란 검은 블록이 있습니다. 왜냐면 머리 속에 배경이 있기 때문이죠. 결과가 페이지를 차지합니다!
.gTitle
{
너비:100%;
높이:32px;
배경 이미지:url(images/gtitle.gif); 🎜>padding-left:130px;
margin-bottom:10px;
}
오랜 시간 동안 온라인으로 검색했지만 완벽한 해결책을 찾을 수 없어서 우울해지기 시작했습니다. 스스로 해보세요.
오랜 고민 끝에 드디어 알아냈습니다 :)
Css는 다음과 같이 정의됩니다.
noneprint: 인쇄할 때 숨기는 스타일 정의
tabPrint: 인쇄할 가는 선 테이블 스타일 정의
nextPate: 페이징 스타일 정의
linetd: 하하, 여기서 가장 중요한 것은 인쇄할 때 양식을 완벽하게 만드는 것입니다.
코드 복사
코드는 다음과 같습니다:
{
@media print { .noneprint{display:none;} }
.tabPrint td 테두리-왼쪽:# 000000 솔리드 1px;
테두리-상단:#000000 솔리드 1px;
높이:21px; 🎜>테두리-하단:#000000 솔리드 1px; .nextPage
{
page-break-after:always;
.linetd
{
border-bottom:solid 1px #000
页面HTML如下：
记得在thead加上style="display:table-header-group;font-weight:bold"，这样每个页面才会有都表头哟
ID="Table2"> >
거리
제목
입국일
국가 수준
지방자치단체 수준
인민일보
광복일보
신민저녁뉴스
푸동신구 부산거리
;테스트
02-24-2009
;√
√
√
푸동신구부산거리 ;
sseref
/td>
푸동신구
sseref
02-24-2009
tr align="center" class='nextPage'>
페이지 1 tr>
푸동신구 ;td>02-24- 2009
🎜>
>푸동신구 부산거리
sdsedjiik
02-24-2009
< td>
푸동신구
sdsedjiik
;/td> /tr>
푸동신구 부산거리 ;
2009년 2월 24일
;tr align="center">
푸동신구 부산거리
sdsedjiik
02-24 -2009
ㅋㅋㅋ 빨간색으로 표시된 곳을 잘 보셔야 해요.
테두리-상단:#000000 솔리드 1px;
높이:21px; 🎜>테두리-하단:#000000 솔리드 1px; .nextPage
{
page-break-after:always;
.linetd
{
border-bottom:solid 1px #000
页面HTML如下：
记得在thead加上style="display:table-header-group;font-weight:bold"，这样每个页面才会有都表头哟
🎜>
< td>
sdsedjiik
;/td> /tr>
;tr align="center">
ㅋㅋㅋ 빨간색으로 표시된 곳을 잘 보셔야 해요.
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.