HTML에 따라 화면에 표시되는 다음 div를 표시해야하지만 청구자 이름, 사례 정보, 연락처를 인쇄 할 때 파일은 첫 번째 페이지와 청구자 이름, 서비스에 인쇄해야합니다 두 번째 페이지에 인쇄해야합니다.CSS 화면 및 인쇄 문제
CSS를 사용하여 해결 방법을 보여줄 수 있습니까?
<body>
<div>Claimant Name</div>
<div>Case Info</div>
<div>Contacts</div>
<div>Files</div>
<div>Service</div>
</body>
같은 대답 : 그것을 표시하는 더 좋은 방법이 가장 확실히있다 그래서
DIV 어떤 의미 론적 의미를 빌려주지 않습니다. 그것은 두 번째 이름 필드를 추가하는 것을 포함하지만 나는 어떤 종류의 문제로 보지 않는다.
<!DOCTYPE html>
<html>
<head>
<title>Le documents judiciaires</title>
<style type="text/css" media="screen">
#secondPage .name {
display: none;
}
</style>
<style title="text/css" media="print">
#secondPage {
page-break-before: always;
}
</style>
</head>
<body>
<div id="firstPage">
<div class="name">Claimant Name</div>
<div>Case Info</div>
<div>Contacts</div>
<div>Files</div>
</div>
<div id="secondPage">
<div class="name">Claimant Name</div>
<div>Service</div>
</div>
</body>
</html>
그것은 작동합니다. 이것이 내가 원하는 것입니다. 감사. –
다행입니다. :) – mark123
당신은 HTML이을 인쇄하는 방법을 보장 할 수 없습니다 - 단순히 수 없습니다. 도큐멘트의 인쇄 방법을 보증해야한다면 iTextSharp 또는 이와 비슷한 것을 사용하여
을 입력해야합니다.CSS를 사용하여 모니터 디스플레이와 인쇄 된 버전에서 다양한 요소를 표시하거나 숨길 수 있습니다. 예를 들어, 신청인 이름을 문서에 두 번 올릴 수는 있지만 두 번째 것은 신청인 이름을 화면에 숨길 수 있습니다. 그것은 인쇄 될 때 보일 수 있습니다.
그러나 웹 페이지를 인쇄 할 때 페이징을 제어 할 수 없습니다. 이를 위해 pdf 또는 기타 인쇄 된 문서 형식을 고려할 수 있습니다. HTML은 종이 출력보다 브라우저 디스플레이를 지향합니다. 내가 CSS의 창조주에 게시
다른 포럼에 게시 한 코드를 찾고있을 때 답을 게시 할 때 보지 못했습니다. 페이징을 제어 할 수 있기 전에 기본적으로 페이지 나누기/페이지 나누기를 제외하고 제가 말한 것과 같습니다. 그 브라우저가 비록 의존하고 있다고 확신합니다. 나는 IE를 지나치게 엉망으로 만들지 않을 것입니다. :) – mark123
걱정하지 마세요, 당신은 * 꼼꼼하게 설명했습니다. 게다가, 나는 틀릴 수도 있습니다. +1 당신에게 :) –
나는 PDF를 만드는 것이 인쇄 된 페이지 레이아웃을 제어하는 데 이상적 이라는데 동의하지만 법원 서류가 일반적으로 엉망인 것처럼 페이지에 쏟아져 나오는 몇 줄의 텍스트 일 경우 html이 아마 할 것입니다 충분히 잘. :) – mark123
the page break properties (브라우저 지원이 가변적 임). 스타일 시트가 인쇄 매체에 적용되는지 확인하십시오.
일부 복잡한 jQuery 마법이나 인쇄 스타일 시트와 함께 요소를 복제하지 않으면 불가능합니다. 사용자 정의 인쇄보기 제공을 고려 했습니까? –
@Pekka, 마크 업을 변경할 수없는 경우 올바른 것입니다. 이름을 다시 추가하려면 스크립팅이 필요합니다. jQuery $ ('body> div : first-child')가 올바른 위치로 복사 할 수 있도록 본문의 첫 번째 div를 대상으로한다고 가정합니다. – mark123