Poprawki renderowania w IronPdf.UpdatedChrome

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

Niektóre funkcje HTML i CSS renderują się niepoprawnie w standardowym pakiecie IronPdf, ponieważ zawiera starszy silnik Chromium. Pakiet IronPdf.UpdatedChrome zawiera nowszy silnik, który z założenia naprawia kilka z tych przypadków.

Standardowy pakiet IronPdf zawiera silnik CEF w wersji 109 dla zgodności ze starszymi serwerami Windows. IronPdf.UpdatedChrome zawiera silnik CEF w wersji 131, dając bardziej niezawodne, idealnie odwzorowane wyjście niż podgląd wydruku w przeglądarce Chrome. Jeśli wynik wygląda źle tylko na nowoczesnym CSS-ie, prawdopodobnym powodem jest wersja silnika.

Rozwiązanie

Zamień zależność na IronPdf.UpdatedChrome i dokonaj ponownego renderowania. Przypadki poniżej są rozwiązane przez nowszy silnik bez zmian kodu.

1. CSS overflow: hidden

Treść przycięta przez overflow: hidden renderuje się zgodnie z oczekiwaniami w zaktualizowanym silniku, podczas gdy standardowy pakiet nie respektuje tej reguły.

przelew:hidden w standardowym IronPdf nie honorowany, zawartość wykracza poza krawędź strony

przelew:hidden prawidłowo przycięte pod IronPdf.UpdatedChrome

2. Niestandardowa wysokość wiersza i rozmiar papieru

Układ używający line-height: 129% na niestandardowym rozmiarze papieru 6 x 9 inch umieszcza tekst poprawnie w IronPdf.UpdatedChrome. Położenie tekstu jest dostosowane, aby pasowało do zamierzonego projektu.

tekst przycięty przy przełamywaniu strony w standardowym IronPdf przy niestandardowej wysokości wiersza

tekst umieszczony prawidłowo bez przycinania pod IronPdf.UpdatedChrome

3. Układ Grid z 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

Zaktualizowany silnik poprawnie rozwiązuje wewnętrzną siatkę do subgrid. Starszy silnik w standardowym pakiecie nie obsługuje poprawnie tego układu.

układ podsiatki złamany pod standardowym IronPdf, pola wynikowe układane pionowo

układ podsiatki renderowany prawidłowo w wyrównanych kolumnach pod IronPdf.UpdatedChrome

Zwróć uwagęIronPdf.UpdatedChrome używa CEF 131. Pozostań na standardowym pakiecie IronPdf tylko, jeśli musisz skierować się na starsze serwery Windows, które potrzebują CEF 109.

Curtis Chau
Autor tekstów technicznych

Curtis Chau posiada tytuł licencjata z informatyki (Uniwersytet Carleton) i specjalizuje się w front-endowym rozwoju, z ekspertką w Node.js, TypeScript, JavaScript i React. Pasjonuje się tworzeniem intuicyjnych i estetycznie przyjemnych interfejsów użytkownika, Curtis cieszy się pracą z nowoczesnymi frameworkami i tworzeniem dobrze zorganizowanych, atrakcyjnych wizualnie podrę...

Czytaj więcej
Gotowy, aby rozpocząć?
Nuget Pliki do pobrania 20,296,129 | Wersja: 2026.7 właśnie wydany
Still Scrolling Icon

Wciąż przewijasz?

Czy chcesz szybko dowodu? PM > Install-Package IronPdf
Uruchom przykład i zobacz, jak Twój kod HTML zamienia się w plik PDF.