>  기사  >  웹 프론트엔드  >  CSS의 @page가 인쇄에 사용되나요? 얼마나 효과적인가요?

CSS의 @page가 인쇄에 사용되나요? 얼마나 효과적인가요?

黄舟
黄舟원래의
2017-07-08 09:27:252875검색

CSS의 @page는 인쇄에 사용되나요? IE를 사용하여 효과를 표시할 수 없나요?
효과를 보여줄 수 있다면 구체적인 예를 들어주세요

@page의 목적을 찾을 수 없다면 다음을 살펴보는 것이 좋습니다.

CSS를 사용하고 의 클래스를 정의하세요. noprint, 인쇄되지 않습니다. 콘텐츠가 이 클래스에 배치됩니다. 세부 사항은 다음과 같습니다:

<style media=print type="text/css">    
.noprint{visibility:hidden}    
</style>

무엇을 인쇄할지. 하하!

 <p class="noprint">

여기에 인쇄되지 않는 코드를 입력하세요.

</p> <a href="javascrīpt:window.print()" target="_self">打印</a>

두 번째 방법: 인쇄할 내용을 스팬이나 div에 넣은 후 function을 통해 인쇄합니다.

<span id=&#39;div1&#39;>把要打印的内容放这里</span> 
<p>所有内容</p> 
<div id="div2">div2的内容</div> 
<a href="javascrīpt:printme()" target="_self">打印</a> 
<scrīpt language="javascrīpt"> 
function printme() {      
document.body.innerHTML=document.getElementById(&#39;div1&#39;).innerHTML+&#39;<br/>&#39;+document.getElementById(&#39;div2&#39;).innerHTML;      
window.print(); } 
</scrīpt>

전체 페이지 중 일부만 인쇄하고 싶다면 두 번째 방법을 사용하는 것이 가장 좋습니다.

세 번째 방법: 인쇄할 페이지의 레이아웃이 원본 웹 페이지와 많이 다를 경우 이 방법을 사용하세요. 인쇄 버튼 을 클릭하여 새 창을 띄우고 새 창에 인쇄할 내용을 표시한 후 새 창에서 window.print() 메서드를 호출한 후 자동으로 새 창을 닫습니다.

위 내용은 CSS의 @page가 인쇄에 사용되나요? 얼마나 효과적인가요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.