Alignment subject

Im CSS Box Alignment ist das Alignment Subject das Element (oder die Elemente), das innerhalb des Alignment Container durch die Eigenschaft ausgerichtet wird.

Für justify-self und align-self ist das Alignment Subject der Margin-Box des Elements, auf dem die Eigenschaft festgelegt ist, unter Verwendung des Schreibmodus dieses Elements. Für justify-content und align-content wird ebenfalls der Schreibmodus des Elements verwendet.

Die Definition des Alignment Subject hängt vom verwendeten Layout-Modus ab.

Block-Container (einschließlich Tabellenzellen)

Der gesamte Inhalt des Blocks als eine Einheit.

Multicol-Container

Die Spaltenboxen, wobei jeder Abstand, der zwischen Spaltenboxen eingefügt wird, zu den entsprechenden Spaltenabständen hinzugefügt wird.

Flex-Container

Für justify-content die Flex-Elemente in jeder Flex-Linie. Für align-content die Flex-Linien. Beachten Sie, dass dies nur bei mehrzeiligen Flex-Containern einen Effekt hat.

Grid-Container

Die Grid-Tracks in der entsprechenden Achse, wobei jeder Abstand, der zwischen den Tracks eingefügt wird, zu den entsprechenden Rinnen hinzugefügt wird. Zusammengestürzte Rinnen werden als eine einzige Möglichkeit zur Einfügung von Abständen behandelt.