Heim > Web-Frontend > CSS-Tutorial > Hauptteil

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

黄舟
Freigeben: 2017-07-08 09:27:25
Original
2880 Leute haben es durchsucht

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>
Nach dem Login kopieren

Zu druckender Inhalt. Ha ha!

 <p class="noprint">
Nach dem Login kopieren

Geben Sie hier den nicht druckbaren Code ein.

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

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>
Nach dem Login kopieren

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage