Maison > interface Web > tutoriel CSS > le corps du texte

@page en CSS est-il utilisé pour l'impression ? Quelle est son efficacité ?

黄舟
Libérer: 2017-07-08 09:27:25
original
2895 Les gens l'ont consulté

Est-ce que @page en CSS est utilisé pour l'impression ? Vous ne parvenez pas à afficher l'effet avec IE ?
Si l'effet peut être affiché, veuillez donner un exemple précis

Le but de @page est introuvable. Je vous suggère de jeter un œil à ce qui suit :

Utiliser. CSS pour définir la class d'un .no print, placez le contenu non imprimable dans cette classe. Les détails sont les suivants :

<style media=print type="text/css">    
.noprint{visibility:hidden}    
</style>
Copier après la connexion

Contenu à imprimer. Ha ha !

 <p class="noprint">
Copier après la connexion

Mettez le code non imprimable ici.

</p> <a href="javascrīpt:window.print()" target="_self">打印</a>
Copier après la connexion

Deuxième méthode : Spécifiez la zone d'impression. Placez le contenu à imprimer dans un span ou un div, puis imprimez-le via une fonction .

<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>
Copier après la connexion

Si vous souhaitez imprimer seulement une petite partie de la page entière, il est préférable d'utiliser la deuxième méthode.

La troisième méthode : Si la mise en page de la page à imprimer est très différente de la page Web originale, utilisez cette méthode. Cliquez sur le bouton Imprimer pour faire apparaître une nouvelle fenêtre, afficher le contenu à imprimer dans la nouvelle fenêtre, appeler la méthode window.print() dans la nouvelle fenêtre, puis fermer automatiquement la nouvelle fenêtre.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal