Heim  >  Artikel  >  Web-Frontend  >  Wird @page in CSS zum Drucken verwendet? Wie effektiv ist es?

Wird @page in CSS zum Drucken verwendet? Wie effektiv ist es?

黄舟
黄舟Original
2017-07-08 09:27:252823Durchsuche

Wird @page in CSS zum Drucken verwendet? Kann der Effekt nicht im IE angezeigt werden?
Wenn der Effekt angezeigt werden kann, geben Sie bitte ein konkretes Beispiel an.

Der Zweck von @page kann nicht gefunden werden. Ich empfehle Ihnen, einen Blick auf Folgendes zu werfen:

Verwendung CSS zum Definieren eines .no prints class fügt den nicht druckbaren Inhalt in diese Klasse ein. Die Details lauten wie folgt:

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

Zu druckender Inhalt. Ha ha!

 <p class="noprint">

Geben Sie hier den nicht druckbaren Code ein.

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

Zweite Methode: Geben Sie den zu druckenden Inhalt in einem Span oder Div an und drucken Sie ihn dann über eine -Funktion .

<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>

Wenn Sie nur einen kleinen Teil der gesamten Seite drucken möchten, verwenden Sie am besten die zweite Methode.

Die dritte Methode: Wenn das Layout der zu druckenden Seite stark von der Original-Webseite abweicht, verwenden Sie diese Methode. Klicken Sie auf die Schaltfläche „Drucken“ , um ein neues Fenster zu öffnen, den zu druckenden Inhalt im neuen Fenster anzuzeigen, die Methode window.print() im neuen Fenster aufzurufen und das neue Fenster dann automatisch zu schließen.

Das obige ist der detaillierte Inhalt vonWird @page in CSS zum Drucken verwendet? Wie effektiv ist es?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn