Nieobsługiwane funkcje CSS i ich obejścia

W skrócie

Silnik writeHtml renderuje treść w jednym przebiegu do przodu i nigdy nie układa ponownie wcześniej przetworzonej treści. Niektóre zachowania kaskadowych arkuszy stylów (CSS) nie mieszczą się w tym modelu. Na tej stronie wymieniono konkretne zachowania, których silnik nie obsługuje, oraz obsługiwane obejście dla każdego z nich. Status weryfikacji poszczególnych modułów znajdziesz w macierzy obsługi CSS.

Te ograniczenia są ściśle określone i nie stanowią mapy drogowej. Każda pozycja wskazuje dokładne nieobsługiwane zachowanie, a nie całą właściwość.

Nieobsługiwane zachowania

Zachowanie	Czego nie zastosowano	Obejście
Układ przesunięcia position: absolute / position: relative	Silnik rozmieszcza boksy w kolejności dokumentu. Przesunięcia top/right/bottom/left, które wyprowadzają pozycjonowany boks poza normalny przepływ, nie są stosowane. Pozycjonowanie statyczne działa.	Do rozmieszczania używaj tabel albo flex w normalnym przepływie.
Nazwane grid-template-areas	Silnik nie implementuje rozmieszczania według nazwanych obszarów siatki. Działa jawne rozmieszczanie siatki na podstawie linii.	Rozmieszczaj elementy za pomocą jawnych linii siatki albo użyj tabeli.
rowspan przez podział strony (obniżony)	Komórka rowspan renderuje się na jednej stronie. Gdy tabela jest dzielona na strony, obejmująca komórka przekraczająca granicę strony jest fragmentowana zgodnie z opisem w rekordzie decyzji architektonicznej (ADR-007), a komórka zbyt wysoka, by ją podzielić, zgłasza UnsplittableContentException.	W przypadku zgrupowanych wierszy, które muszą pozostać nienaruszone podczas dzielenia na strony, użyj float lub wiersza nagłówka kategorii zamiast wysokiego rowspan.
Kolejność malowania tła przy overflow: hidden	overflow: hidden nie zmienia kolejności malowania tła ani nie przycina tła elementu podrzędnego do zaokrąglonego lub zwymiarowanego boksu elementu nadrzędnego.	Zastosuj tło do elementu, który odpowiada za przycięcie, albo nie polegaj na przyciętych tłach.
Zawijająca się treść tekstowa obok siebie w elemencie flex	Element flex z zawijającą się treścią tekstową przepełnia swój tor zamiast zawijać się w jego obrębie.	Użyj dwukolumnowej tabeli z jawnymi szerokościami kolumn w pikselach.
Procentowa szerokość kolumny, która rozwiązuje się do zera	Gdy width kolumny podana w % nie ma rozwiązywalnej podstawy, jest parsowana do 0 i wyzwala ostrzeżenie o ściśnięciu kolumny.	Nadaj sąsiadującym kolumnom jawne szerokości w pikselach.

Zobacz także

• Macierz obsługi CSS — status weryfikacji poszczególnych modułów i obsługiwane funkcje.
• HTML: podsystem renderowania HTML+CSS do PDF — jednoprzebiegowy model leżący u podstaw tych ograniczeń.
• Tworzenie układu tabel w HTML — wzorce tabel zastępujące pozycjonowanie przez przesunięcie i tekst zawijany w elemencie flex.