Correcciones de Renderizado en IronPdf.UpdatedChrome

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

Algunas características de HTML y CSS se renderizan incorrectamente bajo el paquete estándar IronPdf porque incluye una versión más antigua del motor de Chromium. El paquete IronPdf.UpdatedChrome lleva un motor más nuevo que corrige varios de estos casos por diseño.

El paquete estándar IronPdf incluye la versión 109 del motor CEF para compatibilidad con servidores Windows antiguos. IronPdf.UpdatedChrome incluye la versión 131 del motor CEF, ofreciendo una salida más confiable y perfectamente pixelada que la vista previa de impresión del navegador Chrome. Si su salida se ve incorrecta solo en CSS moderno, la versión del motor es la causa probable.

Solución

Cambie la dependencia a IronPdf.UpdatedChrome y vuelva a renderizar. Los casos a continuación se resuelven con el motor más nuevo sin cambios en el código.

1. CSS overflow: hidden

El contenido cortado por overflow: hidden se renderiza como se esperaba bajo el motor actualizado, donde el paquete estándar no respeta la regla.

overflow:hidden no es respetado en IronPdf estándar, el contenido se desborda más allá del borde de la página

overflow:hidden correctamente cortado bajo IronPdf.UpdatedChrome

2. Altura de Línea Personalizada y Tamaño de Papel

Un diseño usando line-height: 129% en un tamaño de papel personalizado 6 x 9 inch coloca el texto correctamente bajo IronPdf.UpdatedChrome. La posición del texto se ajusta para coincidir con el diseño previsto.

texto cortado en el salto de página bajo IronPdf estándar con interlineado personalizado

texto posicionado correctamente sin cortes bajo IronPdf.UpdatedChrome

3. Diseño de cuadrícula con 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

El motor actualizado resuelve la cuadrícula interna a subgrid como se esperaba. El motor más antiguo en el paquete estándar no soporta este diseño correctamente.

diseño de subcuadrícula roto bajo IronPdf estándar, los cuadros de puntuación están apilados verticalmente

diseño de subcuadrícula renderizado correctamente en columnas alineadas bajo IronPdf.UpdatedChrome

Por favor notaIronPdf.UpdatedChrome usa CEF 131. Manténgase en el paquete IronPdf estándar solo si debe dirigirse a servidores Windows más antiguos que necesitan CEF 109.

Curtis Chau
Escritor Técnico

Curtis Chau tiene una licenciatura en Ciencias de la Computación (Carleton University) y se especializa en el desarrollo front-end con experiencia en Node.js, TypeScript, JavaScript y React. Apasionado por crear interfaces de usuario intuitivas y estéticamente agradables, disfruta trabajando con frameworks modernos y creando manuales bien ...

Leer más
¿Listo para empezar?
Nuget Descargas 20,296,129 | Versión: 2026.7 recién publicada
Still Scrolling Icon

¿Aún desplazándote?

¿Quieres una prueba rápida? PM > Install-Package IronPdf
ejecutar una muestra Mira cómo tu HTML se convierte en PDF.