IronPdf.UpdatedChrome中的渲染修复

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

某些HTML和CSS功能在标准IronPdf.UpdatedChrome包携带了一个较新的引擎,旨在修复这些情况中的多个问题。

标准109,以兼容旧的Windows服务器。 131,提供比Chrome浏览器打印预览更可靠的像素完美输出。 如果您的输出仅在现代CSS上看起来不正确,可能是引擎版本的问题。

解决方案

将依赖关系切换到IronPdf.UpdatedChrome并重新渲染。 以下案例通过新引擎解决,无需代码更改。

1. CSS overflow: hidden

overflow: hidden剪裁的内容在更新的引擎下按预期渲染,而标准包无法遵守规则。

标准IronPdf中未能遵循overflow:hidden,内容溢出页面边缘

在IronPdf.UpdatedChrome中正确剪裁overflow:hidden

2. 自定义行高和纸张大小

在自定义IronPdf.UpdatedChrome下正确放置了文本。 文本位置经过调整以匹配预期设计。

在标准IronPdf中,自定义行高下分页处的文本被剪裁

在IronPdf.UpdatedChrome中,文本位置正确且无剪裁

3. 使用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

更新的引擎会按预期将内部网格解析为subgrid。 标准包中的旧引擎不正确地支持此布局。

在标准IronPdf中子网格布局破损,分数框竖直堆叠

在IronPdf.UpdatedChrome中子网格布局正确渲染为对齐列

请注意IronPdf.UpdatedChrome使用CEF 131。只有当您需要针对需要CEF 109的旧Windows服务器时才需使用标准IronPdf包。

Curtis Chau
技术作家

Curtis Chau 拥有卡尔顿大学的计算机科学学士学位,专注于前端开发,精通 Node.js、TypeScript、JavaScript 和 React。他热衷于打造直观且美观的用户界面,喜欢使用现代框架并创建结构良好、视觉吸引力强的手册。

除了开发之外,Curtis 对物联网 (IoT) 有浓厚的兴趣,探索将硬件和软件集成的新方法。在空闲时间,他喜欢玩游戏和构建 Discord 机器人,将他对技术的热爱与创造力相结合。

准备开始了吗?
Nuget 下载 20,296,129 | 版本: 2026.7 刚刚发布
Still Scrolling Icon

还在滚动吗?

想快速获得证据? PM > Install-Package IronPdf
运行示例看着你的HTML代码变成PDF文件。