Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten.Erfahre mehr über dieses Experiment.
CSS-Box-Ausrichtung
DasCSS-Box-Ausrichtung-Modul spezifiziert CSS-Funktionen in Bezug auf die Ausrichtung von Boxen innerhalb ihrer Container. Es definiert die Ausrichtung der verschiedenen CSS-Box-Layout-Modelle einschließlich Block-Layout, Tabellen-Layout, flexiblen Box-Layouts (Flexbox) und Grid-Layouts und schafft eine konsistente Ausrichtungsmethode über alle CSS-Modelle hinweg.
Das Modul beschreibt die Ausrichtungs-Terminologie und ermöglicht es, Ausrichtungen in mehreren Layout-Modulen zu verwenden, anstatt auf eine bestimmte Layout-Methode beschränkt zu sein.
Die Ausrichtung ist mit Schreibmodi verknüpft, denn wenn wir ein Element ausrichten, berücksichtigen wir nicht, ob wir es an den physischen Dimensionen von oben, rechts, unten und links ausrichten. Stattdessen beschreiben wir die Ausrichtung in Bezug auf Anfang und Ende der spezifischen Dimension, mit der wir arbeiten. Dies stellt sicher, dass die Ausrichtung auf die gleiche Weise funktioniert, unabhängig davon, welcher Schreibmodus das Dokument hat.
Die Ausrichtung von Text und Inline-Inhalten wird imCSS-Textmodul und imCSS-Inlinemodul definiert.
In diesem Artikel
Referenz
>CSS-Eigenschaften
Datentypen
Begriffe und Definitionen
Leitfäden
- Übersicht zur Box-Ausrichtung
Übersicht über die allgemeinen Konzepte des CSS-Box-Ausrichtungs-Moduls.
- Box-Ausrichtung in Flexbox
Wie die Box-Ausrichtung im Kontext von Flexbox funktioniert.
- Box-Ausrichtung im CSS-Grid-Layout
Wie die Box-Ausrichtung im Kontext von Grid-Layout funktioniert.
- Box-Ausrichtung im Multi-Column-Layout
Wie die Box-Ausrichtung im Kontext von Multi-Column-Layout funktioniert.
- Box-Ausrichtung für Block-, absolut positionierte und Tabellen-Layouts
Wie die Box-Ausrichtung im Kontext von Block-Layout, inklusive floatierten, positionierten und Tabellenelementen, funktioniert.
Verwandte Konzepte
Spezifikationen
| Specification |
|---|
| CSS Box Alignment Module Level 3> |