Is @page in CSS used for printing? How effective is it?

Is @page in CSS used for printing? Can't display the effect using IE?
If the effect can be displayed, please give a specific example

If the purpose of @page cannot be found, I suggest you take a look at the following:

Use CSS and define a .no The class of print puts the non-printable content into this class. The details are as follows:

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

Content to be printed. Ha ha!

 <p class="noprint">

Put the non-printing code here.

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

Second method: Specify the printing area. Put the content to be printed into a span or div, and then print it through a 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>

If you want to print only a small part of the entire page, it is best to use the second method.

The third method: If the layout of the page to be printed is very different from the original web page, use this method. Click the print button to pop up a new window, display the content to be printed in the new window, call the window.print() method in the new window, and then automatically close the new window.

The above is the detailed content of Is @page in CSS used for printing? How effective is it?. For more information, please follow other related articles on the PHP Chinese website!