Comment contrôler les marges dans l'impression HTML à l'aide d'une feuille de style distincte ?

Contrôle des marges dans l'impression HTML

Lors de la personnalisation de la mise en page d'impression d'une page HTML, il est essentiel de contrôler les marges pour garantir un formatage correct sur papier. Cette question explore la définition des marges droite et gauche à l'aide d'une feuille de style distincte destinée à l'impression.

Pour obtenir un contrôle précis des marges lors de l'impression, il est crucial d'utiliser des unités absolues telles que les centimètres (cm) ou les millimètres (mm). Les pixels, en revanche, peuvent entraîner des marges incohérentes en raison de l'interprétation du navigateur. Ainsi, spécifier les marges comme suit garantit la cohérence :

<code class="css">body {
  margin: 25mm 25mm 25mm 25mm;
}</code>

De même, pour les tailles de police, il est conseillé d'utiliser des points (pt) pour les supports imprimés.

Il est important de noter que le paramètre Les marges utilisant CSS ne modifient pas les paramètres de marge du pilote d'imprimante ni les marges contrôlées du navigateur. Au lieu de cela, il ajuste les marges dans la zone imprimable du document.

Pour une plus grande flexibilité dans la définition des marges du papier, envisagez d'utiliser la directive @page. Cette approche affecte les marges en dehors de l'élément de corps HTML, permettant un contrôle précis de la sortie imprimée. Voici un exemple :

<code class="css">@page {
  size: auto;
  margin: 25mm 25mm 25mm 25mm;
}

body {
  margin: 0px;
}</code>

Cependant, il convient de mentionner que les anciennes versions d'Internet Explorer peuvent ajuster automatiquement les tailles d'impression, ce qui peut perturber les paramètres de marge. Pour éviter cela, les utilisateurs doivent spécifier la taille d'impression à 100 % dans l'aperçu avant impression.

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!