简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
집 > 웹 프론트엔드 > HTML 튜토리얼 > 본문

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

WBOY
풀어 주다： 2016-05-16 16:44:06
원래의
1468명이 탐색했습니다.

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





ㅋㅋㅋ 빨간색으로 표시된 곳을 잘 보셔야 해요.
관련 라벨：
web
원천：php.cn
이전 기사：웹페이지 구성요소 단위_HTML/Xhtml_웹페이지 제작 전체 분석 다음 기사：하이퍼링크A Markup_HTML/Xhtml_웹페이지 제작 배우기
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
웹 애플리케이션 및 PWA의 경험을 개선하기 위해 투명한 브라우저를 실행합니다. [정적 HTML, CSS 및 JavaScript 지원] [사용자가 웹 애플리케이션/PWA에서 데스크탑 배경화면을 볼 수 있도록 허용] 저는 현재 소켓을 사용하여 웹 애플리케이션(채팅)을 개발하고 있는 주니어 프런트 엔드 개발자이자 디자이너입니다. 나와 친구들이 사용하는 언어는 Scala, HTM...
에서 2024-04-05 13:50:12
0
1
1367
웹 페이지 크기를 조정할 때 부트스트랩 스위치가 제대로 작동하지 않습니다. 这是代码：<navxmlns:sec="http://www.thymeleaf.org/extras/spring-security"class=&qu...
에서 2024-04-05 08:45:39
0
1
3443
웹 사이트 페이지에서 로컬에 설치된 라이브러리 사용 Windows 운영 체제용으로 작성되고 최신 브라우저의 system32에 등록된 라이브러리(.dll, .ocx)를 사용하여 사이트 작업 및 계산 논리의 일부 기능...
에서 2024-04-05 00:15:49
0
1
3563
특정 클릭 이벤트를 수신하고 다른 클릭 이벤트는 억제하는 방법은 무엇입니까? 내 웹 애플리케이션에는 각 행이 특정 URL(<table><trdata-url="https://www.google.com">...
에서 2024-04-04 16:55:27
0
1
317
Javascript - Mocha Chai 단위 테스트가 실행되지 않습니다. 저는 프론트엔드 웹 개발 과정 부트캠프를 통해 프로젝트를 진행하고 있는데 안타깝게도 교수님께서 제 질문에 답해 주실 수 없습니다. 나는 두 명의 플레이어가 참여하...
에서 2024-04-02 14:52:19
0
1
356
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트：공공복지 온라인 PHP 교육，PHP 학습자의 빠른 성장을 도와주세요！
거리 제목 입국일 국가 수준 지방자치단체 수준
인민일보 광복일보
 신민저녁뉴스
푸동신구 부산거리
 ;테스트 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