Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

<content-position>

Der <content-position> aufgezählte Wertetyp wird von den Eigenschaften justify-content und align-content sowie dem Kurzschreibwert place-content verwendet, um den Inhalt eines Kastens innerhalb desselben auszurichten.

Syntax

<content-position> = center | start | end | flex-start | flex-end

Werte

Der <content-position> Wertetyp wird mit einem der folgenden Schlüsselbegriffe angegeben.

center

Zentriert das Ausrichtungsobjekt innerhalb seines Ausrichtungscontainers.

start

Richtet das Ausrichtungsobjekt bündig mit der Startkante des Ausrichtungscontainers aus.

end

Richtet das Ausrichtungsobjekt bündig mit der Endkante des Ausrichtungscontainers aus.

flex-start

Im Flex-Layout wird das Ausrichtungsobjekt bündig mit der Kante des Ausrichtungscontainers ausgerichtet, die der flex-container's main-start- oder cross-start-Seite entspricht, je nachdem. Für andere Layoutmodi als das Flex-Layout ist es identisch mit start.

flex-end

Im Flex-Layout wird das Ausrichtungsobjekt bündig mit der Kante des Ausrichtungscontainers ausgerichtet, die der flex-container's main-end- oder cross-end-Seite entspricht, je nachdem. Für andere Layoutmodi als das Flex-Layout ist es identisch mit end.

Hinweis: Die Schlüsselwörter left und right sind vom <content-position> ausgeschlossen, obwohl sie gültige positionsbezogene Ausrichtungswerte für die justify-* Eigenschaften (justify-content, justify-self, und justify-items) sind. Sie sind nicht in den align-* Eigenschaften (align-content, align-self, und align-items) erlaubt. Stattdessen sind sie explizit in den Grammatiken der justify-* Eigenschaften enthalten.

Spezifikationen

Specification
CSS Box Alignment Module Level 3
# typedef-content-position

Siehe auch