Nicht unterstützte CSS-Funktionen und Behelfslösungen
Auf einen Blick
Abschnitt betitelt „Auf einen Blick“Die writeHtml-Engine rendert Inhalte in einem einzigen Vorwärtsdurchlauf und legt bereits gerenderte Inhalte niemals neu aus. Einige Verhaltensweisen von Cascading Style Sheets (CSS) sind mit diesem Modell nicht vereinbar. Diese Seite führt die konkreten Verhaltensweisen auf, die die Engine nicht anwendet, und nennt jeweils eine unterstützte Behelfslösung. Den Verifizierungsstand je Modul finden Sie in der CSS-Support-Matrix.
Diese Einschränkungen sind eng abgegrenzt und stellen keine Roadmap dar. Jeder Eintrag benennt präzise das nicht unterstützte Verhalten, nicht die gesamte Eigenschaft.
Nicht unterstützte Verhaltensweisen
Abschnitt betitelt „Nicht unterstützte Verhaltensweisen“| Verhalten | Was nicht angewendet wird | Behelfslösung |
|---|---|---|
Offset-Layout mit position: absolute / position: relative | Die Engine platziert Boxen in Dokumentreihenfolge. Die Offsets top/right/bottom/left, die eine positionierte Box aus dem normalen Fluss herausbewegen, werden nicht angewendet. Statische Positionierung funktioniert. | Verwenden Sie zur Platzierung Tabellen oder Flex im normalen Fluss. |
Benannte grid-template-areas | Die Engine implementiert keine Platzierung über benannte Grid-Bereiche. Explizite linienbasierte Grid-Platzierung funktioniert. | Platzieren Sie Elemente über explizite Grid-Linien, oder verwenden Sie eine Tabelle. |
rowspan über einen Seitenumbruch hinweg (herabgestuft) | Eine rowspan-Zelle wird auf einer Seite gerendert. Wenn die Tabelle paginiert, fragmentiert eine überspannende Zelle, die die Seitengrenze überschreitet, wie im Architectural Decision Record (ADR-007) beschrieben. Eine Zelle, die zu hoch zum Aufteilen ist, löst UnsplittableContentException aus. | Verwenden Sie für gruppierte Zeilen, die bei der Paginierung intakt bleiben müssen, einen Float oder eine Kategorie-Kopfzeile anstelle eines hohen rowspan. |
Hintergrund-Zeichenreihenfolge bei overflow: hidden | overflow: hidden ändert nicht die Zeichenreihenfolge des Hintergrunds und clippt den Hintergrund eines Kindelements nicht auf die abgerundete oder dimensionierte Box eines Vorfahren. | Wenden Sie den Hintergrund auf das Element an, zu dem das Clipping gehört, oder verlassen Sie sich nicht auf geclippte Hintergründe. |
| Umbrechender Fließtext nebeneinander in einem Flex-Element | Ein Flex-Element mit umbrechendem Fließtext läuft über seine Spur hinaus, anstatt innerhalb der Spur umzubrechen. | Verwenden Sie eine zweispaltige Tabelle mit expliziten Pixel-Spaltenbreiten. |
| Prozentuale Spaltenbreite, die zu null aufgelöst wird | Wenn eine %-Spalten-width keine auflösbare Basis hat, wird sie als 0 geparst und löst die Spalten-Squeeze-Warnung aus. | Geben Sie nebeneinanderstehenden Spalten explizite Pixelbreiten. |
Siehe auch
Abschnitt betitelt „Siehe auch“- CSS-Support-Matrix — Verifizierungsstand je Modul und unterstützte Funktionen.
- HTML: HTML+CSS-zu-PDF-Rendering-Subsystem — das Single-Pass-Modell hinter diesen Einschränkungen.
- Layout für eine HTML-Tabelle erstellen — Tabellenmuster als Ersatz für Offset-Positionierung und flex-umbrechenden Fließtext.