Funzionalità CSS non supportate e alternative
In sintesi
Sezione intitolata “In sintesi”Il motore writeHtml esegue il rendering del contenuto in un unico passaggio in avanti e non ridistribuisce mai il contenuto precedente. Alcuni comportamenti dei fogli di stile a cascata (CSS) non rientrano in questo modello. Questa pagina elenca i comportamenti specifici che il motore non applica e fornisce per ciascuno una soluzione alternativa supportata. Per lo stato di verifica di ciascun modulo, leggere la matrice di supporto CSS.
Queste limitazioni sono circoscritte e non costituiscono una roadmap. Ogni voce indica il comportamento esatto non supportato, non l’intera proprietà.
Comportamenti non supportati
Sezione intitolata “Comportamenti non supportati”| Comportamento | Cosa non viene applicato | Soluzione alternativa |
|---|---|---|
Layout con offset position: absolute / position: relative | Il motore dispone i box nell’ordine del documento. Gli offset top/right/bottom/left che spostano un box posizionato fuori dal flusso normale non vengono applicati. Il posizionamento statico funziona. | Usare tabelle o flex nel flusso normale per definire la disposizione. |
grid-template-areas denominate | Il motore non implementa il posizionamento tramite aree di griglia denominate. Il posizionamento esplicito sulla griglia basato sulle linee funziona. | Posizionare gli elementi con linee di griglia esplicite, oppure usare una tabella. |
rowspan attraverso un’interruzione di pagina (degradato) | Una cella con rowspan viene resa su una sola pagina. Quando la tabella viene impaginata, una cella che attraversa il limite della pagina viene frammentata come descritto nell’Architectural Decision Record (ADR-007), e una cella troppo alta per essere suddivisa genera UnsplittableContentException. | Per gruppi di righe che devono restare integri durante l’impaginazione, usare una riga float o una riga di intestazione di categoria al posto di un rowspan molto alto. |
Ordine di disegno dello sfondo con overflow: hidden | overflow: hidden non modifica l’ordine di disegno dello sfondo e non ritaglia lo sfondo di un figlio rispetto al box arrotondato o dimensionato di un antenato. | Applicare lo sfondo all’elemento che definisce il ritaglio, oppure evitare di affidarsi a sfondi ritagliati. |
| Testo affiancato che va a capo in un elemento flex | Un elemento flex con testo che va a capo trabocca dalla propria traccia anziché andare a capo al suo interno. | Usare una tabella a due colonne con larghezze di colonna esplicite in pixel. |
| Larghezza di colonna percentuale che si risolve a zero | Quando una width di colonna in % non ha una base risolvibile, viene interpretata come 0 e attiva l’avviso di compressione delle colonne. | Assegnare alle colonne affiancate larghezze esplicite in pixel. |
Vedere anche
Sezione intitolata “Vedere anche”- Matrice di supporto CSS — stato di verifica di ciascun modulo e funzionalità supportate.
- HTML: sottosistema di rendering da HTML+CSS a PDF — il modello a passaggio singolo su cui si basano queste limitazioni.
- Impaginare una tabella HTML — schemi di tabella per sostituire il posizionamento con offset e il testo che va a capo nei flex.