12
votes

Comment ajouter une pause de page de manière dynamique pour imprimer la page?

Il y en a un long dans le contenu de la page d'impression, mais lorsque nous imprimons le contenu du texte coupé.

Texte alt http://img694.imageshack.us/img694/6766/printpage.jpg

S'il vous plaît laissez-moi savoir s'il existe une manière dynamique d'ajouter une pause de page CSS. Le contenu pourrait être n'importe quelle chose.

javascript jquery css

1 commentaires

Oui, cet article explique: DAVIDWALSH.NAME/CSS-PAGE-Breaks

3 Réponses :

2
votes

Utilisez les éléments CSS Page-Break-Break-Break-avant-pause-break-après.

0 commentaires

5
votes

As Haim Evgi référencé dans cet article http://davidwalsh.name/css-page-breaks A>

En plus de ce qui est déjà décrit dans l'article, je voudrais souligner que c'est une bonne pratique d'utiliser .Page-break-avant: auto au lieu de .page-break-avant: toujours. Le "Auto" ne cassera la page que si le contenu est à la fin si la page, cela évitera de casser la page et de laisser beaucoup d'espace vide. P>

le CSS P>

<div>some content</div>
<div class="page-break">more content, this content may be short or long</div>
<div class="page-break">this content may page-break if content above this <div> is at the end of the page</div>
<div class="page-break">etc,..</div>

0 commentaires

7
votes

Vous voudrez peut-être aussi simplement empêcher les pauses de page à l'intérieur d'un élément.

E.g. Des tables courtes que vous ne voulez pas être déchirées lors de l'impression: xxx

2 commentaires

Ceci (et le plus récent interurbain ) fonctionne très bien lorsqu'il s'agit d'une page d'éléments générés dynamiquement.


                                                
                                                                                            
                                                    @ A.J.Bauer Grande solution! Merci


            
                
		    
                    Articles qui pourrait vous intéresser :
                                            
                            Impossible d'importer le module "@ angular / material"                        
                        
                                            
                            Interaction profonde avec break and catch                        
                        
                                            
                            Utilisation de node.js comment renommer tous les fichiers d'un dossier                        
                        
                                            
                            Google Chrome Uncaught (promis) DOMException lors de la lecture AUDIO