CSS Fragmentierung
Das CSS-Fragmentierung-Modul definiert, wie Inhalt angezeigt wird, wenn er gebrochen (fragmentiert) und über mehrere Seiten, Regionen oder Spalten fließt. Dieses Modul definiert Funktionen für Paginierung, variabel Fragmentgröße und -ausrichtung, Hurenkinder und Waisenkinder.
Dieses Modul erklärt, wie Inhalte über Fragmentierung-Container hinweg gebrochen werden und wie solche Brüche vom Autor kontrolliert werden können. Der allgemeine Begriff für das Brechen von Inhalten über Container hinweg ist Fragmentierung. Fragmentierung tritt auf, wenn ein Inline-Box auf mehrere Zeilen umbricht. Dies kann passieren, wenn Layout-Features wie das CSS-Multi-Column-Layout verwendet werden: Zum Beispiel, wenn ein Block sich über mehr als eine Spalte innerhalb eines Spaltenlayout-Containers erstreckt oder einen Seitenumbruch beim Drucken überschreitet. Jedes Stück der Darstellung für das Element wird als Fragment bezeichnet.
Wenn Inhalte physisch gedruckt oder als Druckvorschau angezeigt werden, gibt es Seitenumbrüche. In diesem paginierten Medium, im Gegensatz zu kontinuierlichen Medien, kann der Dokumentinhalt auf eine oder mehrere Seiten oder Fragmente aufgeteilt werden. Um unangenehme Brüche zu vermeiden, wie etwa mitten durch eine Textzeile oder mit einem einsamen Wort auf einer eigenen Seite, können Browser den Inhalt verschieben, der andernfalls über den Seitenumbruch hinweg fallen würde, in einem Prozess, der als Paginierung bezeichnet wird.
Referenz
>Eigenschaften
Glossarbegriffe und Definitionen
Leitfäden
- Umgang mit Inhaltsumbrüchen im Mehrspaltenlayout
-
Einführung in die Fragmentierungsspezifikation und wie kontrolliert wird, wo Spalteninhalte gebrochen werden.
Verwandte Konzepte
overflow
height
,max-height
, undblock-size
CSS-Eigenschaftenwidth
,max-width
, undinline-size
CSS-Eigenschaften- Blockformatierungskontext
CSS paged media Modul
CSS display Modul
- Hauptbox Begriff
- Blockformatierungskontext Leitfaden
Spezifikationen
Specification |
---|
CSS Fragmentation Module Level 3> |
Siehe auch
horizontal-viewport-segments
undvertical-viewport-segments
@media
Deskriptoren- Viewport Segments API
- CSS Multi-Column Layout Modul