웹 페이징 프린팅 씬라인 형태의 페이징 프린팅을 위한 궁극적인 전략_HTML/Xhtml

최근에 의뢰인에게 인쇄를 하게 되었는데, 의뢰인께서 인쇄할 때 페이지의 헤더를 인쇄하지 말고 양식 내부의 내용만 인쇄하라고 제안하셨습니다. 헤더에 배경과 인쇄 버튼이 있고 얇아야 하기 때문입니다. -선 형태는 아닌 것 같아요. 아주 간단하죠?
아직도 얇은 선 표 만드는 법을 모르신다면, 아래 코드를 참고해서 효과를 보세요:)
< ;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"> >

;

tr>

;td>02-24- 2009

🎜> >

< td>

;/td> /tr>

;

;tr align="center">

ㅋㅋㅋ 빨간색으로 표시된 곳을 잘 보셔야 해요.

거리	제목	입국일	국가 수준		지방자치단체 수준
거리	제목	입국일
인민일보	광복일보	신민저녁뉴스
푸동신구 부산거리	;테스트	02-24-2009	;√	√	√
푸동신구부산거리	sseref	/td>
푸동신구	sseref	02-24-2009	tr align="center" class='nextPage'>	페이지 1
푸동신구
푸동신구 부산거리	sdsedjiik	02-24-2009
푸동신구 sdsedjiik
푸동신구 부산거리	2009년 2월 24일	푸동신구 부산거리	sdsedjiik	02-24 -2009

웹 페이징 프린팅 씬라인 형태의 페이징 프린팅을 위한 궁극적인 전략_HTML/Xhtml_웹페이지 제작