Corrections de rendu dans IronPdf.UpdatedChrome

This article was translated from English: Does it need improvement?
Translated
View the article in English

Certaines fonctionnalités HTML et CSS se rendent incorrectement sous le package standard IronPdf car il utilise un moteur Chromium plus ancien. Le package IronPdf.UpdatedChrome inclut un moteur plus récent qui résout plusieurs de ces cas par conception.

Le package standard IronPdf regroupe la version du moteur CEF 109 pour une compatibilité avec les anciens serveurs Windows. IronPdf.UpdatedChrome regroupe la version du moteur CEF 131, offrant une sortie pixel-perfect plus fiable que l'aperçu avant impression du navigateur Chrome. Si votre rendu semble incorrect uniquement avec le CSS moderne, la version du moteur est probablement la cause.

Solution

Passez à la dépendance IronPdf.UpdatedChrome et re-générez. Les cas ci-dessous sont résolus par le moteur plus récent sans modification du code.

1. CSS overflow: hidden

Le contenu coupé par overflow: hidden se rend comme prévu sous le moteur mis à jour, là où le package standard échoue à respecter la règle.

overflow:hidden n'est pas respecté dans IronPdf standard, le contenu dépasse le bord de la page

overflow:hidden correctement coupé sous IronPdf.UpdatedChrome

2. Hauteur de ligne et format de papier personnalisés

Un agencement utilisant line-height: 129% sur un format de papier 6 x 9 inch personnalisé place le texte correctement sous IronPdf.UpdatedChrome. La position du texte est ajustée pour correspondre au design prévu.

texte coupé à la fin de la page sous IronPdf standard avec une hauteur de ligne personnalisée

texte positionné correctement sans coupure sous IronPdf.UpdatedChrome

3. Disposition en grille avec subgrid

<div style="display: grid; grid-template-columns: 1fr 1fr 1fr">
<div style="display:grid; grid-template-columns: subgrid; grid-column: 1/4">
<div style="display: grid; grid-template-columns: 1fr 1fr 1fr">
<div style="display:grid; grid-template-columns: subgrid; grid-column: 1/4">
HTML

Le moteur mis à jour résout la grille intérieure à subgrid comme prévu. Le moteur plus ancien dans le package standard ne prend pas en charge cette mise en page correctement.

mise en page subgrid cassée sous IronPdf standard, boîtes de score empilées verticalement

mise en page subgrid rendue correctement dans des colonnes alignées sous IronPdf.UpdatedChrome

Veuillez noterIronPdf.UpdatedChrome utilise CEF 131. Restez sur le package IronPdf standard uniquement si vous devez cibler des serveurs Windows plus anciens nécessitant CEF 109.

Curtis Chau
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 20,296,129 | Version : 2026.7 vient de sortir
Still Scrolling Icon

Vous faites encore défiler ?

Vous voulez une preuve rapidement ? PM > Install-Package IronPdf
exécuter un échantillon Regardez votre code HTML se transformer en PDF.