Il est parfois intéressant de gérer correctement l’affiche des pages web lors de l’impression et pour cela, on utilise une feuille de css “@media print” .
Mais voilà, on ne sais jamais où le texte sera coupé et ça peut être gênant.
Il existe pourtant un moyen de le contrôler avec un page-break à l’endroit adéquat
Le code CSS
-
-
@media all
-
-
{
-
-
.page-break { display:none; }
-
-
}@media print
-
-
{
-
-
.page-break { display:block; page-break-before:always; }
-
-
}
Le code XHTML
-
<div class="page-break"></div>
Exemple
-
-
<h1>Page Title</h1>
-
-
<!– content block –>
-
-
<!– content block –>
-
-
<div class="page-break"></div>
-
-
<!– content block –>
-
-
<!– content block –>
-
-
<div class="page-break"></div>
-
-
<!– content block –>
-
-
<!– content –>
Assez méconnu, en effet
Mais à utiliser sur un HR, tant qu’à le faire sémantiquement ^^