1. IronPDF
  2. Guides pratiques
  3. Sauts de page
Comment gérer les sauts de page HTML en PDF en utilisant C#

Add or Avoid Page Breaks in HTML PDFs

Curtis Chau
Curtis Chau
Mis à jour:
This article was translated from English: Does it need improvement?
Translated
View the article in English

IronPDF prend en charge les sauts de page dans les documents PDF. Une différence majeure entre les documents PDF et HTML est que les documents HTML ont tendance à défiler tandis que les PDF sont paginés et peuvent être imprimés.

comme-titre:2(Démarrage rapide : Implémentation de sauts de page dans la conversion HTML en PDF)

Convertissez facilement HTML en PDF avec des sauts de page à l'aide d'IronPDF. Cet exemple montre comment insérer un saut de page après un contenu HTML spécifique pour garantir une pagination appropriée. En ajoutant le style page-break-after: always;, les développeurs peuvent contrôler où les sauts de page se produisent, améliorant ainsi la lisibilité et l'organisation du document PDF résultant. Parfait pour ceux qui ont besoin d'une génération rapide et efficace de PDF à partir de contenu HTML.

Nuget IconGet started making PDFs with NuGet now:

  1. Install IronPDF with NuGet Package Manager

    PM > Install-Package IronPdf

  2. Copy and run this code snippet.

    new IronPdf.ChromePdfRenderer()
  .RenderHtmlAsPdf("<html><body><h1>Hello World!</h1><div style='page-break-after: always;'></div></body></html>")
  .SaveAs("pageWithBreaks.pdf");

  3. Deploy to test on your live environment

    Start using IronPDF in your project today with a free trial
    arrow pointer
class="hsg-featured-snippet">

Flux de travail minimal (5 étapes)

Comment utiliser les sauts de page dans les PDF HTML
  1. Téléchargez la bibliothèque C# pour utiliser les sauts de page dans les PDF
  2. Appliquez des sauts de page à la chaîne HTML et convertissez-la en PDF
  3. Définissez éviter sur l'attribut page-break-inside pour éviter les sauts de page dans les images
  4. Faites la même chose pour les tableaux pour éviter les sauts de page dans les tableaux
  5. Définissez le style au niveau CSS


Ajouter un saut de page

Pour créer un saut de page en HTML, vous pouvez utiliser ceci dans votre code HTML :

<div style="page-break-after: always;"></div>
<div style="page-break-after: always;"></div>
HTML

Démonstration de la création d'un saut de page

Dans cet exemple, j'ai le tableau et l'image suivants dans mon HTML, et je veux qu'ils soient sur deux pages séparées en ajoutant un saut de page après le tableau.

Tableau

<table style="border: 1px solid #000000">
  <tr>
    <th>Company</th>
    <th>Product</th>
  </tr>
  <tr>
    <td>Iron Software</td>
    <td>IronPDF</td>
  </tr>
  <tr>
    <td>Iron Software</td>
    <td>IronOCR</td>
  </tr>
</table>
<table style="border: 1px solid #000000">
  <tr>
    <th>Company</th>
    <th>Product</th>
  </tr>
  <tr>
    <td>Iron Software</td>
    <td>IronPDF</td>
  </tr>
  <tr>
    <td>Iron Software</td>
    <td>IronOCR</td>
  </tr>
</table>
HTML

Image

<img src="/static-assets/pdf/how-to/html-to-pdf-page-breaks/ironpdf-logo-text-dotnet.svg" style="border:5px solid #000000; padding:3px; margin:5px" />
<img src="/static-assets/pdf/how-to/html-to-pdf-page-breaks/ironpdf-logo-text-dotnet.svg" style="border:5px solid #000000; padding:3px; margin:5px" />
HTML 
:path=/static-assets/pdf/content-code-examples/how-to/html-to-pdf-page-breaks-page-break.cs
using IronPdf;

const string html = @"
  <table style='border: 1px solid #000000'>
    <tr>
      <th>Company</th>
      <th>Product</th>
    </tr>
    <tr>
      <td>Iron Software</td>
      <td>IronPDF</td>
    </tr>
    <tr>
      <td>Iron Software</td>
      <td>IronOCR</td>
    </tr>
  </table>

  <div style='page-break-after: always;'> </div>

  <img src='https://ironpdf.com/img/products/ironpdf-logo-text-dotnet.svg'>";

var renderer = new ChromePdfRenderer();

var pdf = renderer.RenderHtmlAsPdf(html);
pdf.SaveAs("Page_Break.pdf");
Imports IronPdf

Private Const html As String = "
  <table style='border: 1px solid #000000'>
    <tr>
      <th>Company</th>
      <th>Product</th>
    </tr>
    <tr>
      <td>Iron Software</td>
      <td>IronPDF</td>
    </tr>
    <tr>
      <td>Iron Software</td>
      <td>IronOCR</td>
    </tr>
  </table>

  <div style='page-break-after: always;'> </div>

  <img src='https://ironpdf.com/img/products/ironpdf-logo-text-dotnet.svg'>"

Private renderer = New ChromePdfRenderer()

Private pdf = renderer.RenderHtmlAsPdf(html)
pdf.SaveAs("Page_Break.pdf")
$vbLabelText   $csharpLabel

Et le code ci-dessus générera le PDF ci-dessous, qui compte 2 pages : le tableau sur la première page et l'image sur la seconde.

Éviter les sauts de page dans les images

Pour éviter un saut de page dans une image ou un tableau, vous pouvez utiliser l'attribut CSS page-break-inside appliqué à un élément DIV englobant.

<div style="page-break-inside: avoid">
    <img src="no-break-me.png" />
</div>
<div style="page-break-inside: avoid">
    <img src="no-break-me.png" />
</div>
HTML

Éviter les sauts de page dans les tableaux

Comme montré ci-dessus, les sauts de page dans les tableaux peuvent être évités en utilisant le CSS page-break-inside: avoid. Mieux vaut l'appliquer à un DIV englobant plutôt qu'au tableau lui-même pour s'assurer que le style est appliqué à un nœud HTML de niveau bloc.

Pour dupliquer les en-têtes et pieds de tableau sur chaque page d'un grand tableau HTML couvrant plusieurs pages PDF, vous pouvez utiliser un groupe <thead> dans le tableau :

<thead>
    <tr>
        <th>C Sharp</th><th>VB</th>
    </tr>
</thead>
<thead>
    <tr>
        <th>C Sharp</th><th>VB</th>
    </tr>
</thead>
HTML

Paramètres CSS3 avancés

Pour donner plus de contrôle, vous pouvez utiliser CSS3 en plus de votre groupe thead :

<style type="text/css">
    table { page-break-inside:auto }
    tr { page-break-inside:avoid; page-break-after:auto }
    thead { display:table-header-group }
    tfoot { display:table-footer-group }
</style>
<style type="text/css">
    table { page-break-inside:auto }
    tr { page-break-inside:avoid; page-break-after:auto }
    thead { display:table-header-group }
    tfoot { display:table-footer-group }
</style>
HTML

Questions Fréquemment Posées

Comment puis-je ajouter un saut de page lors de la conversion de HTML en PDF ?

Pour ajouter un saut de page lors de la conversion de HTML en PDF, vous pouvez insérer un <div style='page-break-after: always;'></div> dans votre code HTML. Cela garantira que le contenu suivant le div commence sur une nouvelle page en utilisant IronPDF.

Comment puis-je éviter les sauts de page dans une image lors de la conversion en PDF ?

Pour éviter les sauts de page dans une image lors de la conversion en PDF, enveloppez l'image dans un <div style='page-break-inside: avoid'> en utilisant IronPDF. Ce style CSS assure que l'image n'est pas coupée à travers des pages.

Quelle est la meilleure façon d'éviter les sauts de page dans les tableaux HTML lors de la génération de PDFs ?

Pour éviter les sauts de page dans les tableaux HTML lors de la génération de PDFs, appliquez le CSS page-break-inside: avoid à un élément <div> enveloppant. Cela garantit que le tableau reste intact sur la page lorsque vous utilisez IronPDF.

Comment puis-je m'assurer que les en-têtes de tableau se répètent sur chaque page dans un PDF ?

Pour vous assurer que les en-têtes de tableau se répètent sur chaque page d'un PDF, utilisez un élément <thead> dans votre tableau HTML. Cela permet à IronPDF de dupliquer les en-têtes sur plusieurs pages.

Quels paramètres CSS peuvent contrôler les sauts de page dans les documents PDF ?

Les paramètres CSS avancés pour contrôler les sauts de page dans les PDFs incluent l'utilisation de page-break-inside: auto pour les tableaux, page-break-inside: avoid; page-break-after: auto pour les lignes, et définir display: table-header-group pour <thead> et display: table-footer-group pour <tfoot> lors de l'utilisation de IronPDF.

En quoi le HTML diffère-t-il du PDF en termes de mise en page ?

Les documents HTML défilent généralement en continu, tandis que les PDFs sont structurés comme des documents multi-pages nécessitant une pagination appropriée. Cela est géré efficacement avec IronPDF.

Quelle bibliothèque peut aider à ajouter des sauts de page dans les PDFs via C# ?

IronPDF est une bibliothèque C# qui peut être utilisée pour gérer les sauts de page lors de la conversion de HTML en PDF. Elle offre divers paramètres pour gérer efficacement les sauts de page.

La gestion des sauts de page CSS d'IronPDF est-elle entièrement prise en charge dans les projets .NET 10 ?

Oui, IronPDF est entièrement compatible avec .NET 10 et ses fonctionnalités de saut de page HTML vers PDF (telles que page-break-after: always et page-break-inside: avoid ) fonctionnent nativement dans les environnements .NET 10. Vous pouvez installer la bibliothèque via NuGet dans un projet .NET 10 et utiliser les mêmes règles de saut de page CSS sans aucune modification.

Curtis Chau
Curtis Chau
  Discutez maintenant avec l'équipe d'ingénierie
Rédacteur technique

Curtis Chau détient un baccalauréat en informatique (Université de Carleton) et se spécialise dans le développement front-end avec expertise en Node.js, TypeScript, JavaScript et React. Passionné par la création d'interfaces utilisateur intuitives et esthétiquement plaisantes, Curtis aime travailler avec des frameworks modernes ...

Lire la suite
Prêt à commencer?
Nuget Téléchargements 16,154,058 | Version : 2025.11 vient de sortir